bootstrap navbarが正常に動作しない

Question

ブートストラップナビバーに問題があります。フルスクリーンのときに小さなアイコンバーが上に表示され、ウィンドウのサイズを変更すると同じアイコンバーが残り、ボタンは表示されません。ここではまず、表示されたコードです：

<header> 
    <nav role="navigation" class="navbar navbar-inverse" style="border-radius:0px;"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a href="index.php" class="navbar-brand">Brand</a> 
     </div> 
     <!-- Collection of nav links, forms, and other content for toggling --> 
     <div id="navbarCollapse" class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="index.php">Home</a></li> 
       <li><a href="index.php?p=la">Movies List</a></li> 
       <li><a href="index.php?p=gl">Genre List</a></li> 

      </ul> 
      <form role="search" class="navbar-form navbar-left"> 
       <div class="form-group"> 
        <input type="text" placeholder="Search" class="form-control"> 
       </div> 
      </form> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="admin/index.php?p=log">Login</a></li> 
      </ul> 
     </div> 
    </nav> 
</header> 

そして、ここではそれがどのように見えるかのスクリーンショットです：あなたはjavascriptのコンポーネントが欠落することができるように

Answer 1

はルックスが含ま：

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

Answer 2

そのCSSとJavaScriptのからの問題、ボタンは常に画像が

を大きくすると、あなたのナビゲーションバーがボタンとして変換されていませんあなたはこのその簡単で便利Boot Flat