我正在使用Bootstrap导航创建一个Bootstrap站点。我正在学习一个教程,我做了教程告诉我要做的所有事情,但我的响应式导航按钮并没有触发我的导航显示。我正在使用Bootstrap 3.0.3版和JQuery 2.0.3(我必须上课)。除了Bootstrap自己的样式之外,我还没有做任何事情来设计我的导航。
这是我的导航代码:
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand">Base Competition Site</a>
<button class="navbar-toggle" data-toggle="collapse" data-target="nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
</div>
<div class="collapse nav-collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="about/about.html"><span>About</span></a></li>
<li><a href="#"><span>Data</span></a></li>
<li><a href="#"><span>Login</span></a></li>
</ul>
</div>
</div>
</nav>
我的完整代码就在JSFiddle
上答案 0 :(得分:0)
<button class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">