Bootstrap 3 移动菜单折叠不起作用答案

【问题标题】：Bootstrap 3 Mobile Menu Collapse Not WorkingBootstrap 3 移动菜单折叠不起作用
【发布时间】：2013-10-02 15:24:45
【问题描述】：

我正在使用 Bootstrap 3 框架来构建响应式网站。我在让折叠功能在移动屏幕上工作时遇到问题。我知道它与我的手机和实现无关，因为当我缩小浏览器窗口时我也无法让它工作。 {module}标签是动态生成的导航，以ul列表形式生成。

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/

【问题讨论】：

标签： jquery html twitter-bootstrap mobile drop-down-menu

【解决方案1】：

您忘记在<button> 上为data-toggle 属性添加= - 而是使用：

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

【讨论】：

叹息，我讨厌这种愚蠢的错误。很好的收获，感谢您的帮助。