2014-03-04 136 views
0

當你製作導航欄的移動屏幕尺寸時,右上角的3行事件將不起作用。任何理由?謝謝。改變一面時,我使用Google Chrome。 JS和BootStrap版本都匹配,v3.0.3。Mobile Bootstrap nav not working

 <div class="navbar-wrapper"> 
    <div class="container"> 
    <div class="navbar navbar-inverse navbar-static-top"> 

     <div class="navbar-header"> 
     <a class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 
     <a class="navbar-brand" href="">MC.FastFoodCraft.COM</a> 
     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#top">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#rules">Rules</a></li> 
      <li><a href="/#donate">Donate</a></li> 
      <li class="dropdown"> 
       <a href="" name="servers" class="dropdown-toggle" data-toggle="dropdown">Servers <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
       <li><a href="#factions">Factions</a></li> 
       <li><a href="#teampvp">TeamPvP</a></li> 
       <li><a href="#skywars">SkyWars</a></li> 
       <li><a href="#prison">Prison</a></li> 
       <li><a href="#hub">Hub</a></li> 
       </ul> 
       <li><a href="/bans">Bans</a></li> 
       <li><a href="/vote">Vote</a></li> 
       <li><a href="/forum">Forums</a></li> 
      </li> 
      </ul> 
     </div> 

    </div> 
    </div><!-- /container --> 
</div><!-- /navbar wrapper --> 

感謝-FRED

+0

會不會是如何工作的? – slynagh

回答

2

我認爲這個問題是這樣的

<a class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse"> 

改變的是對這個

<a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
+0

是否有效?請將其標記爲關閉它的答案 –

+0

是的,謝謝!我無法相信它那麼小。謝謝!!! – fredghostkyle

+0

沒問題。這是爲此而做的。乾杯! –