Question

我最近一直在玩Bootstrap 4，我试图制作一个折叠导航栏。我从他们的文档中复制了示例，并在浏览器中对其进行了测试。

当我最小化屏幕时，内容会消失，导航图标会出现，但是当我点击它时，导航无法打开。

你知道为什么吗？感谢。

代码：

  <nav id="myNav" class="navbar navbar-dark bg-inverse">
    <div class="container">
    <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#collapsing">
        &#9776;
    </button>
        <ul class="nav navbar-nav col-xs-9 collapse navbar-toggleable-sm" id="collapsing">
            <li class="nav-item active pull-right">
           <a class="nav-link" href="#">home<span class="sr-only">(current)</span></a>
             </li>
             <li class="nav-item pull-right">
                <a class="nav-link" href="#">about</a>
             </li>
             <li class="nav-item pull-right">
                <a class="nav-link" href="#">gallery</a>
             </li>
             <li class="nav-item pull-right">
                <a class="nav-link" href="#">contact</a>
             </li>
             <li class="nav-item pull-right">                                
                <a href="#"><img src="facebook.gif" id="facebook" alt="facebook icon"></a>  
             </li>
        </ul>
    </div>
 </nav>

Answer 1

这不起作用的原因是因为导航栏需要bootstrap.min.js而后者需要jquery.js。

你错过了其中一个。

我的引导程序折叠导航栏没有响应

1 个答案: