引导响应式导航可全屏显示，但不适用于移动设备或更小的设备

Question

我的导航栏在我的显示器上运行良好，同时它显示为顶行； 然而，当它接近 3 行下拉菜单时，它不会响应单击。

此子部分的导航与我的主网站相同，并且导航工作正常，所以我看不出有什么问题。

我有这个

 <meta name="viewport" content="width=device-width, initial-scale=1.0" />

并在

` <!-- navigation section for stay safe online -->
<nav class="navbar navbar-fixed-top navbar-custom " role="navigation">
  <div class="container container1">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="../index.html">skillbank</a>
     </div>  <!-- /.navbar-header --> 
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
        <ul class="nav navbar-nav">
          <!-- menu and sub-menu entries begin here -->
          <li ><a href="index.html">&nbsp;Introduction</a></li>
          <li ><a href="links.html" >&nbsp;Links</a></li>
          <li ><a href="logins.html" >&nbsp;Log in pages</a></li>
          <li ><a href="downloads.html" >&nbsp;Downloads</a></li>
          <li><a href="email.html">&nbsp;Email</a></li>
          <li><a href="passwords.html">&nbsp;Passwords</a></li>
        </ul>
      </div>      <!-- /.navbar-collapse --> 
  </div>  <!-- /.container --> 
</nav>
<!-- end of navigation section for stay safe online -->`

我在手机上查看我的主网站，显示效果很好，导航也正常。 在文件夹中的这个单独部分中，页面可以正常工作，导航显示为 3 行按钮，但没有响应，因此我无法导航页面。

Answer 1

愚蠢的错误：我忘记将 javascript 复制到这些页面的文件夹中。

 <!-- javascript -->
   <script type="text/javascript" src="js/jquery.js"></script>
   <!-- Latest compiled and minified JavaScript -->
   <script type="text/javascript" src="js/bootstrap.js"></script>