Bootstrap navbar mobile-toggle не работает

Question

Когда я сжимаю браузер, мобильный переключатель отображается, но когда я нажимаю на него, он не расширяется. Я не могу понять, почему это происходит.

<nav class="navbar-default navbar-fixed-top" role="navigation"> 
    <div id="navbar"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> 
      </div> 
      <div class="collapse navbar-collapse navbar-menubuilder"> 
       <ul class="nav navbar-right nav-pills"> 
        <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#portfolio">1 <b class="caret"></b></a> 
         <ul class="dropdown-menu " id="prtf"> 
          <li><a href="#">1.1</a></li> 
          <li><a href="#">1.2</a></li> 
          <li><a href="#">1.3</a></li> 
         </ul> 
        </li> 
        <li><a href="#">2</a></li> 
        <li><a href="#">3</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</nav> 

<!-- jQuery --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 

<!-- bootstrap --> 
<script src="bootstrap3/js/bootstrap.min.js"></script> 

Answer 1

Я скопировал вашу навигационную секцию в jsfiddle и, похоже, работает так, как должен. Я думаю, это может быть так, что ваш путь к файлу js неверен.

jsFiddle: https://jsfiddle.net/AndrewL32/LrLffj2m/1/

Пожалуйста, замените эту строку:

<script src="bootstrap3/js/bootstrap.min.js"></script>

С этим:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>