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> 

А вот скриншот того, что он выглядит следующим образом:

Answer 1

похоже, вы можете пропускать яваскрипт компонента включает:

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

Answer 2

Сво выпуск от вашего Javascript с CSS, кнопка всегда отражает, что означает ваш Nav Bar не преобразование, как кнопки, когда изображение увеличено

Вы можете использовать его легко и удобноBoot Flat