导航栏折叠按钮不显示内容

Question

我的navbar按钮不起作用，我正在使用CodePen处理这个项目，所以bootstrap已经配置到代码中。

    

  <div class="navbar-header">
    <button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target="#mainNavBar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a  href="#" class="navbar-brand"> Nasr Almansoob </a>
  </div>


  <div class="collapse navbar-collapse" id="mainNavBar">
      <ul class="nav navbar-nav">
        <li class="active"> <a href="#"> Home </a></li>     
        <li><a href="#"> About Me </a></li>
        <li> <a href="#"> Aspirations </a> </li>   
      </ul>
</div>

  

Answer 1

你如何联系事物的顺序有所不同。在这种情况下，您应首先添加jquery链接，然后再添加bootstrap.js链接。这为我解决了in this Codepen。