Javascript 尝试使用引导导航栏切换

我正在尝试使用引导导航栏切换，因此当我的网站在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>

切换导航

你把链接放到引导JavaScript文件了吗

如果是，您使用的是完整的JavaScript文件还是只包含一些组件的文件？响应的导航栏要求在您的引导版本中包含折叠插件

---

希望这有助于

这里有一个小提琴，演示了实现这一点所使用的标准语法：

以及相应的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>

切换导航