我有一个用Twitter Bootstrap制作的网站.在大屏幕上,导航栏应该看起来不错,但如果您在手机上看到相同的导航栏,导航栏将不会崩溃.
这是我的代码:
<div class="container">
<div class="masthead">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li class="active"><a href="/" class="">Home</a></li>
<li><a href="goud-zilver.html">Oud goud en zilver</a></li>
<li><a href="koersen.html">Officiële koersen</a></li>
<li><a href="webshop/" target="_blank">Webwinkel</a></li>
<li><a href="diversen.html">Diversen</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</div><!-- /.navbar -->
</div>
Run Code Online (Sandbox Code Playgroud)
在第三课时我也尝试使用nav-collapse但是它也会在大屏幕上折叠.