Bootstrap 3.2上的切換按鈕不會摺疊

我的Bootstrap站點中的移動導航不會摺疊。我在這個網站上運行3.2版本。我嘗試了一切我能想到的，沒有任何工作。我還檢查了使用Bootstrap構建的其他站點，並且在那裏一切仍然正常。我在這裏錯過了什麼？Bootstrap 3.2上的切換按鈕不會摺疊

這裏是我的HTML：

<body> 
 
\t <div class="topbar" id="page"> 
 
     <div class="col-xs-12 mobile-nav"> 
 
     <div class="container"> 
 
      <!--add this where you want the button to be displayed--> 
 

 
<div class="navbar navbar-default" role="navigation"> 
 
        
 
    <div class="navbar-header"> 
 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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><!--navbar-header--> 
 
</div> 
 
</div> 
 
      
 
     </div><!--closes container--> 
 
     <div class="nav-wrap navbar-fixed-top fix-nav"> 
 
      <div class="container"> 
 
       <div class="col-xs-6 col-xs-offset-3 col-sm-2 col-md-1"> 
 
        <a href="index.html"><img src="images/ttmheadlogo.png" class="img-responsive logo" alt="thank the monkey local mobile coupons logo link home" /></a> 
 
       </div> 
 

 
       <div class="col-xs-12 col-sm-10 col-md-11 nav-text"> 
 
        <nav class="collapse navbar-collapse navbar-ex1-collapse">     
 
         <ul class="col-sm-12 list-unstyled nav nav-justified"> 
 
          <li class="active"><a href="index.html">HOME</a></li> 
 
          <li><a href="consumers.html">CONSUMERS</a></li> 
 
          <li><a href="business.html">BUSINESSES</a></li> 
 
          <li><a href="media.html">MEDIA PARTNERS</a></li> 
 
          <li><a href="contact.html">CONTACT</a></li> 
 
         </ul> 
 
        </nav> 
 
       </div> 
 
      </div><!--closes container--> 
 
    </div><!--closes col-xs-12--> 
 
    </div><!-- closes topbar -->

來源

2014-09-25 Hayley B

你可以包括HTML你正在用你的網站調用CSS和JQuery Javascript？ – khilley 2014-09-25 17:02:27

我收錄了除頁面內容外的所有內容。你可以在這裏查看它：http://collabedit.com/88yb6。這只是太長，發表評論:) 讓我知道如果我需要添加內容回來，我會。 – 2014-09-29 14:44:20

我的自定義css文件也位於：collabedit.com/bqb5w – 2014-09-29 15:43:08

看起來你已經得到了正在造成這一問題的一些額外的div標籤。如果您稍微修改了導航區域（如下所示），則應該很好。我貼我得到了什麼工作，你只需要弄清楚要如何將您的標誌（我把那個出故障排除時）：

<div class="topbar" id="page"> 
 
     <div class="col-xs-12 mobile-nav"> 
 
      <div class="container"> 
 

 
       <div class="navbar navbar-default" 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> 
 

 
        </div><!--navbar-header--> 
 
        <!-- Collect the nav links, forms, and other content for toggling --> 
 
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
 
         <ul class="nav navbar-nav"> 
 
          <li class="active"><a href="index.html">HOME</a></li> 
 
          <li><a href="consumers.html">CONSUMERS</a></li> 
 
          <li><a href="business.html">BUSINESSES</a></li> 
 
          <li><a href="media.html">MEDIA PARTNERS</a></li> 
 
          <li><a href="contact.html">CONTACT</a></li> 
 
         </ul> 
 
         </nav> 
 
        </div> 
 
       </div><!--closes container--> 
 
     </div><!--closes col-xs-12--> 
 
    </div><!-- closes topbar -->

來源

2014-09-29 15:37:44 khilley

這解決了問題！謝謝！ – 2014-09-29 16:38:55

Bootstrap 3.2上的切換按鈕不會摺疊

回答

相關問題