当我点击按钮时,移动下拉菜单没有出现。这是我的代码:https://jsfiddle.net/k5g2d4L1/ (将窗口大小调整为事件的移动下拉按钮)。预先感谢您的帮助!
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"> </span>
<span class="icon-bar"> </span>
<span class="icon-bar"> </span>
</button>
<a class="navbar-brand" href="http://www.trevessu.com"> Trevessu </a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class=""> <a href="#">Home</a> </li>
<li class=""> <a href="#">Su di Noi</a> </li>
<li class=""> <a href="#">Progetti</a> </li>
</ul>
</div>
</div>
最佳答案
您的 fiddle 中有几个问题.
- 你在
bootstrap
之后添加jquery
库,应该首先添加jquery
,因为bootstrap
需要jquery
初始化。 - 您要添加
jquery
两次(1.8.1
和3.0.0
),应该添加一次。 bootstrap
需要jquery
版本1.9.1
或更高,但低于版本3
,因此,您应该使用1.10.1
或1.11.0
关于javascript - 折叠不适用于 Bootstrap 的移动导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34509827/