Bootstrap导航栏响应中出错。为什么这段代码不起作用？
但是我的旁边菜单给出了这个错误。它能是什么？ 注意：我正在使用两个菜单，一个主菜单和一个菜单，但主菜是好的。 我在这部分代码中有点迷失，可以帮助我吗？
这是产生问题的菜单的一部分。
我的Bootstap
<!-- MENU LATERAL -->
<div class="row">
<div class="col-md-3 col-lg-3 col-xs-12">
<div class="container">
<div class="hero">
<div id="vertical" class="verticalmenu ttmenu dark-style ">
<div class="navbar navbar-default" role="navigation">
<div class="navbar-collapse collapse"></div>
<ul class="nav navbar-nav">
<li class="dropdown ttmenu-full">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">TABBED<b class="dropme"></b></a>
<ul id="first-menu" class="dropdown-menu vertical-menu">
<li>
<div class="ttmenu-content">
<div class="tabbable row">
<div class="col-md-3">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#tabs5-pane1" data-toggle="tab">Rich Features</a></li>
<li><a href="#tabs5-pane2" data-toggle="tab">Thumbnail</a></li>
<li><a href="#tabs5-pane3" data-toggle="tab">Carousel</a></li>
<li><a href="#tabs5-pane4" data-toggle="tab">Embed Video</a></li>
</ul>
</div>
<!-- end col-md-3 -->
<div class="col-md-9">
<div class="tab-content">
<div id="tabs5-pane1" class="tab-pane active">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="box">
<ul>
<li>
<h4>FONT ICON SUPPORT</h4>
</li>
<li><a href="#">Web Design <span class="fa fa-laptop"></span></a></li>
<li><a href="#">Web Development <span class="fa fa-gears"></span></a></li>
<li><a href="#">Graphic Design <span class="fa fa-leaf"></span></a></li>
<li><a href="#">IOS & ANDROID <span class="fa fa-android"></span></a></li>
<li><a href="#">Logo Design <span class="fa fa-pencil"></span></a></li>
<li><a href="#">Mockup Design <span class="fa fa-maxcdn"></span></a></li>
<li><a href="#">e-Commerce <span class="fa fa-shopping-cart"></span></a></li>
<li><a href="#">Digital Marketing <span class="fa fa-desktop"></span></a></li>
<li><a href="#">SEO Services <span class="fa fa-area-chart"></span></a></li>
</ul>
</div>
<!-- end box -->
</div>
<!-- end col -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="box">
<ul>
<li>
<h4>WHY CHOOSE TT MENU</h4>
</li>
<li><a href="#">Responsive Layout</a></li>
<li><a href="#">Retina Display Ready</a></li>
<li><a href="#">Tons of Icons</a></li>
<li><a href="#">Gradient Colors</a></li>
<li><a href="#">Beginner Friendly</a></li>
<li><a href="#">Detailed Documentation</a></li>
<li><a href="#">100% Bootstrap Base</a></li>
<li><a href="#">HTML5 CSS3</a></li>
<li><a href="#">And Much More...</a></li>
</ul>
</div>
<!-- end box -->
</div>
<!-- end col -->
<div class="col-md-4 col-sm-6 col-xs-12">
<img src="images/darkmenubg.png" alt="" class="img-responsive">
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<div id="tabs5-pane2" class="tab-pane">
<div class="row">
<div class="col-md-4 menu-image">
<div class="widget clearfix">
<a href="#">
<div class="entry">
<img src="images/menu_mini_01.png" alt="" class="img-responsive">
<span class="magnifier"></span>
</div>
<!-- enntry -->
</a>
</div>
<!-- end widget -->
</div>
<!-- end col -->
<div class="col-md-4 menu-image">
<div class="widget clearfix">
<a href="#">
<div class="entry">
<img src="images/menu_mini_02.png" alt="" class="img-responsive">
<span class="magnifier"></span>
</div>
<!-- enntry -->
</a>
</div>
<!-- end widget -->
</div>
<!-- end col -->
<div class="col-md-4 menu-image">
<div class="widget clearfix">
<a href="#">
<div class="entry">
<img src="images/menu_mini_03.png" alt="" class="img-responsive">
<span class="magnifier"></span>
</div>
<!-- enntry -->
</a>
</div>
<!-- end widget -->
</div>
<!-- end col -->
<div class="col-md-4">
<div class="widget clearfix">
<a href="#">
<div class="entry">
<img src="images/menu_mini_04.png" alt="" class="img-responsive">
<span class="magnifier"></span>
</div>
<!-- enntry -->
</a>
</div>
<!-- end widget -->
</div>
<!-- end col -->
<div class="col-md-4">
<div class="widget clearfix">
<a href="#">
<div class="entry">
<img src="images/menu_mini_05.png" alt="" class="img-responsive">
<span class="magnifier"></span>
</div>
<!-- enntry -->
</a>
</div>
<!-- end widget -->
</div>
<!-- end col -->
<div class="col-md-4">
<div class="widget clearfix">
<a href="#">
<div class="entry">
<img src="images/menu_mini_06.png" alt="" class="img-responsive">
<span class="magnifier"></span>
</div>
<!-- enntry -->
</a>
</div>
<!-- end widget -->
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<div id="tabs5-pane3" class="tab-pane">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="box">
<h4>ABOUT OUR COMPANY</h4>
<p>Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham de Bonorum " are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
<p>Finibus Bonorum et Malorum" are also form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
<button class="btn btn-primary small" href="">Read more</button>
</div>
<!-- end box -->
</div>
<!-- end col -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<a href="single-project.html"><img src="images/menu_01.png" class="img-responsive" alt=""></a>
</div>
<!-- End Item -->
<div class="item">
<a href="single-project.html"><img src="images/menu_02.png" class="img-responsive" alt=""></a>
</div>
<!-- End Item -->
</div>
<!-- End Carousel Inner -->
</div>
<!-- /.carousel -->
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<div id="tabs5-pane4" class="tab-pane">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="box">
<iframe width="560" height="315" src="https://www.youtube.com/embed/mdfMT5Zi8Eo" frameborder="0" allowfullscreen></iframe>
</div>
<!-- end box -->
</div>
<!-- end col -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="box">
<iframe src="https://player.vimeo.com/video/48401493?color=90cc62&title=0&byline=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<!-- end box -->
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
</div>
<!-- tab-content -->
</div>
<!-- end col md-9 -->
</div>
<!-- end tabbable -->
</div>
</li>
</ul>
</li>
<li class="dropdown ttmenu-full">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Grid <b class="dropme"></b></a>
<ul class="dropdown-menu vertical-menu">
<li>
<div class="ttmenu-content">
<div class="row">
<div class="col-md-2">
<div class="coldesc">col</div>
</div>
<div class="col-md-2">
<div class="coldesc">col</div>
</div>
<div class="col-md-2">
<div class="coldesc">col</div>
</div>
<div class="col-md-2">
<div class="coldesc">col</div>
</div>
<div class="col-md-4">
<div class="coldesc">col</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-md-6">
<div class="coldesc">col</div>
</div>
<div class="col-md-6">
<div class="coldesc">col</div>
</div>
</div>
<!-- end row -->
</div>
<!-- end ttmenu-content -->
</li>
</ul>
</li>
<!-- end mega menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="dropme"></span></a>
<ul class="dropdown-menu vertical-dropdown-menu" role="menu">
<li><a href="#">Custom Menu</a></li>
<li class="dropdown-submenu">
<a href="#">Sub Menu <span class="dropme-left"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Second level</a></li>
<li class="dropdown-submenu">
<a href="#">Even More.. <span class="dropme-left"></span></a>
<ul class="dropdown-menu">
<li><a href="#">3rd level</a></li>
<li><a href="#">3rd level</a></li>
</ul>
</li>
<li><a href="#">Second level</a></li>
<li><a href="#">Second level</a></li>
</ul>
</li>
<li><a href="#">Custom Menu</a></li>
<li><a href="#">Custom Menu</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- navbar-collapse collapse -->
</div>
0 个答案:
没有答案
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？