2016-11-28 18 views
1

私のウェブサイトに崩壊するnavbarを置いています。 問題はモバイルではナビバーが壊れていないということです 何が問題なのですか?ブートストラップ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>は間違いを追加しました。
削除してください。 コードが正しく動作しています。

関連する問題