崩溃不适用于Bootstrap的移动NavBar

Question

当我单击按钮时，不会出现移动下拉菜单。 这是我的代码： 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> 

Answer 1

你的小提琴里有几个问题。

1. 您要在bootstrap之后添加jquery库，应该首先添加jquery ，因为bootstrap需要jquery进行初始化。
2. 您要添加两次jquery （ 1.8.1和3.0.0 ），应该添加一次。
3. bootstrap要求jquery版本1.9.1或更高版本，但低于版本3 ，因此，您应该使用1.10.1或1.11.0

使用1.10.1的演示
使用1.11.0的演示