Bootstrap 3 navbar не расширяется при обрушении

Question

После того, как я сделал миллион бутстрапов, которые я сделал, это просто дает мне головные боли. Мой загрузочный навигатор не расширяется при крахе. Я пробовал обновлять boostrap.min.js три раза, думая, что это проблема (поскольку она была настроена), однако это не сработало. Я также попытался использовать dist-версию bootstrap 3.3.0 (выпущенную не так давно), и она все еще не работает.

Я прочитал много вопросов по подобным вопросам, и все они были решены, потому что OP отсутствовал js или написал неправильную разметку. Я много раз просматривал свою разметку, и это кажется правильным. Здесь мы идем:

<nav class="navbar navbar-default navbar-static-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <i class="fa fa-navicon"></i> 
      </button> 
      <a href="#" class="navbar-brand">Brand</a> 
     </div> 

     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li> 
        <a href="#">Products</a> 
       </li> 

       <li> 
        <a href="#">Services</a> 
       </li> 
      </ul> 

      <ul class="nav navbar-nav navbar-right"> 
       <li> 
        <div> 
         <a href="#" class="btn navbar-btn btn-primaryBlue">Sign In</a> 
        </div> 
       <li> 
      </ul> 

     </div> 
    </div> 
</nav> 

Он разрушается, но не разжимается после щелчка. Я не использую bootstrap glyphicons, в этом примере я использую navicon от шрифта awesome. Это выглядит нормально?

Answer 1

Убедитесь, что вы добавили JQuery в свой проект, когда-нибудь вы должны добавить, что в верхней части вашей веб-страницы будет работать.

CDN

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>