【发布时间】:2014-10-30 11:06:04
【问题描述】:
我正在尝试学习 Bootstrap,目前正在编写新网站的导航栏。但是每次我使用 nav-collapse navbar-responsive-collapse collapse 类放置一个 div 时,导航栏的 UL 中的链接就会消失。代码如下:
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="container">
<a class="navbar-brand" href="#">FUTURE LOGO</a>
<div class="nav-collapse navbar-responsive-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><span class="glyphicon glyphicon-home white"></span> Domu</a></li>
<li><a href="#">Section</a></li>
<li><a href="#">Section</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Section<strong class="caret"></strong></a>
<ul class="dropdown-menu">
<li><a href="#">Subsection</a></li>
<li><a href="#">Subsection</a></li>
<li><a href="#">Subsection</a></li>
<li class="divider"></li>
<li class="dropdown-header">Dropdown-header</li>
<li><a href="#">Subsection</a></li>
<li><a href="#">Subsection</a></li>
</ul><!-- End dropdown-menu-->
</li><!-- End dropdown-->
</ul><!--End nav-->
</div><!-- End navbar-collapse-->
</div> <!-- End container-->
</div> <!-- End navbar-->
【问题讨论】:
-
当你把浏览器窗口变窄时会出现吗?
-
不,即使在宽浏览器窗口中也会出现..
标签: html css twitter-bootstrap