我的引导程序崩溃导航栏没有响应

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。

你错过了其中之一。