我对bootsrap有点新,我已经尝试过让UL级崩溃的所有内容,但是在重新调整视口大小时它并没有崩溃。下面是我写的代码。
任何帮助都会非常感激。谢谢!
<nav class="navbar navbar-default navbar-static-top' role='navigation' ">
<div class="fluid" >
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<ul class="nav navbar-nav">
<li><a href="">Projects</a></li>
<li><a href="#">Freelancer</a></li>
<li><a href="#">Inbox</a></li>
<li><a href="#">My Account</a> </li>
</ul>
</div>
</div>
</nav>
答案 0 :(得分:0)
别介意我刚才发现原因。我需要在UL
周围包装以下div元素 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
代码看起来像这样..
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="">Projects</a></li>
<li><a href="#">Freelancer</a></li>
<li><a href="#">Inbox</a></li>
<li><a href="#">My Account</a> </li>
</ul>
</div>