試圖使用Bootstrap導航欄切換

Question

我正在嘗試使用自舉導航欄切換，因此當我的網站在ipad或電話上查看時，導航就意味着要摺疊並且應該出現切換按鈕。此刻，我的導航欄崩潰，但不顯示切換按鈕。這是我目前使用的代碼。

<div class="row navbar"> 
    <div class="col-md-12"> 
     <nav id="menu1" class="navbar" role="navigation"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
      </div> 
      <?php wp_nav_menu(array('theme_location' => 'main-menu', 
            'depth' => 2, 
             'container_class' => 'collapse navbar-collapse', 
            'menu_class' => 'nav nav-pills nav-justified', 
            'walker' => new wp_bootstrap_navwalker())); ?> 

     </nav> 
    </div> 
</div> 

Answer 1

這裏的說明使用，以實現標準語法小提琴這樣的：Fiddle for basic Bootstrap 3 Navbar

以及相應的HTML：

<!-- Navigation --> 
    <nav class="navbar navbar-default" role="navigation"> 
     <div class="container"> 
      <!-- Brand and toggle get grouped for better mobile display --> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
      </div> 
     </div> 

Answer 2

1. 你有沒有把來引導JavaScript文件的鏈接？

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

如果是的話，使用的是完整的JavaScript文件或一個，只有一些部件您

？響應式導航欄需要將崩潰插件包含在您的Bootstrap版本中。

希望這有助於