bootstrap 3 navbar在小屏幕上展開，但仍然處於展開狀態

Question

我正在嘗試實施Bootstrap 3導航欄。幾乎所有的工作，但有一個錯誤。在小屏幕上，出現小菜單圖標。當我點擊它時，菜單會展開並且可以正常工作。但是，當我再次單擊菜單圖標時，它拒絕摺疊。菜單然後在永久擴展狀態下「卡住」。

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
      <div class="navbar-header"> 
      <img src="img/x_small.png" alt="X" style="padding:5px 15px;"> 
      <button type="button" class="navbar-toggle collapsed" 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> 
      </div> 
       <div id="navbar-collapse-1" class="navbar-collapse collapse" style="height:0px;"> 
       <ul class="nav navbar-nav"> 
        <li><a href="#problem">Problem</a></li> 
        <li><a href="#synthesis">Synthesis</a></li> 
        <li><a href="#comments">Comments</a></li> 
        <li><a href="#solution">Solution</a></li> 
        <li><a href="research.php">Research</a></li> 
        <li><a href="press.php">Press Info</a></li> 
       </ul> 
       <p class="navbar-text navbar-right hidden-xs hidden-sm" style="color:#CCC">X: text here &nbsp;</p> 
       </div> 
      </div> 
</div> 

我知道其他人有過導航欄（Bootstrap 3 Navbar Expands but will not Collapse），但問題的問題似乎有所不同 - 在其他問題上，菜單摺疊部分再重新打開。我甚至沒有以任何方式迴應按鈕，因此我正在提出一個單獨的問題。

======編輯& ANSWER =========

的解決方案是簡單的雖然不直觀：我扭轉它用我的JavaScript文件調用順序。取而代之的是默認順序：

<link href="css/bootstrap-responsive.css" rel="stylesheet"> 
<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 

我用：

<link href="css/bootstrap-responsive.css" rel="stylesheet"> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.js"></script> 

，不知何故一切工作。我不知道爲什麼。分享這個解決方案，以防其他人偶然發現它。

Answer 1

該解決方案很簡單，雖然不直觀：我顛倒了我的JavaScript文件被調用的順序。取而代之的是默認順序：

<link href="css/bootstrap-responsive.css" rel="stylesheet"> 
<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 

我用：

<link href="css/bootstrap-responsive.css" rel="stylesheet"> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.js"></script> 

，不知何故一切工作。我不知道爲什麼。分享這個解決方案，以防其他人偶然發現它。