当我按下按钮时，自举导航栏不会折叠

Question

我的自举导航有问题。当我按下按钮时它不会崩溃，我不知道问题是什么。我也在我的html页面的底部包括jquery和bootstrap.min.js。

<section> 
    <div class="header-section"> 
    <div class="container"> 
     <nav class=" navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-collapse" aria-expanded="false"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
       <!-- end button --> 
      <a class="pull-left logo" href="#" title = "Return to the homepage"> 
       <img src="img/RoundLogo.png" alt="Color Architects"> 
      </a> 
      <!-- end logo --> 
      </div> 
      <div class="collapse navbar-collapse" id="navigation-collapse" role = "menu"> 
      <ul class="nav navbar-nav" role = "navigation"> 
       <li><a href="#">Why us?</a></li> 
       <li><a href="#">Case studies</a></li> 
       <li><a href="#">Portofolio</a></li> 
       <li><a href="#">Testimonials</a></li> 
       <li><a href="#">Who we are?</a></li> 
       <li><a href="#">Services</a></li> 
       <li><a href="#">Contact us</a></li> 
      </ul> 
      </div> 
      <!-- end menu --> 
     </div> 
     <!-- end container --> 
     </nav> 
     <!-- end navbar --> 
    </div> 
    <!-- end container --> 
    </div> 
    <!-- end header --> 
</section> 
<!-- end section --> 

Answer 1

我发现了错误。我没有把正确的路径给我的jquery文件。