Bootstrap 3移動菜單摺疊不起作用

我正在使用Bootstrap 3框架來構建響應站點。我有問題讓崩潰功能在手機屏幕上工作。我知道這與我的手機和實施無關，因爲我在收縮瀏覽器窗口時無法使其工作。 {module}標記是以ul列表形式生成的動態生成的導航。Bootstrap 3移動菜單摺疊不起作用

HTML：

<div class="navbar navbar-fixed-top navbar-inverse hidden-md hidden-lg"> 
    <div class="container"> 
     <div> 
      <h3 class="pull-left" style="color:#fff;">Bemidji Sculpture Walk</h3> 
     </div> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle"collapse" data-target=".navbar-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
     </div> 
     <div class="navbar-collapse collapse">  
      {module_menu,1328069} 
     </div> 
    </div> 
</div>

的jQuery：

$(document).ready(function(){ 
    $('#nav_1328069').addClass('nav'); 
    $('#nav_1328069').addClass('dropdown'); 
    $('#nav_1328069').addClass('navbar-nav'); 
    $('#nav_1328069 li.selected').addClass('active'); 
}); 
</script>

網站的網址：http://sculpturewalk.designangler.com/

來源

2013-10-02 Phorden

@Adrift是的，我已經把它放在我在這裏發佈的jQuery之上的關閉body標籤之前。 – Phorden

你忘了包括在<button>的data-toggle屬性的= - 改用：

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

來源

2013-10-02 15:36:33 Adrift

感嘆，當它是這樣的愚蠢錯誤時，我討厭它。很好，趕上並感謝你的幫助。 – Phorden

Bootstrap 3移動菜單摺疊不起作用

回答

相關問題