2016-11-28 77 views
1

我在我的網站上放置了一個崩潰的導航欄。 問題是,在移動的導航欄不崩潰 是什麼問題?bootstrap 3 navbar沒有在手機上崩潰

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span>       
     </button> 
     <a class="navbar-brand" href="#main"><?php bloginfo ('name') ?></a> 
    </div> 
    <div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#contact">צור קשר</a></li> 
      <li><a href="#portfolio">פרויקטים</a></li> 
      <li><a href="#services">שירותים</a></li> 
      <li><a href="#about">אודות</a></li> 
      <li><a href="#main">ראשי</a></li> 
      </ul> 
      </li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</nav> 
+0

這個html標記看起來是否正確,你是否在引導js之前加載了jquery,以及如果你使用了jquery的哪個版本 –

回答

0

在你的代碼中添加一個<ul><li>錯誤。
刪除它。 然後你的代碼工作正常。