试图使用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版本中。

希望这有助于