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

fiddle中存在几个问题。

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

DEMO using 1.10.1
DEMO using 1.11.0

折叠不适用于Bootstrap的移动NavBar

1 个答案: