Bootstrap HTML can not show after make button

Question

Мне нужно сделать несколько кнопок после сведения к минимуму страницы, на которой он может показать некоторые кнопки, и показать это, но это не может показать меню почему? Могу ли я это исправить?

<div class="navbar navbar-inverse navbar-static-top"> 

    <div class="container"> 
     <a href="#" class="navbar-brand"> Full and Starving </a> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="sr-only"> Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
     <div class= "collapse navbar-collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#"> beranda </a></li> 
       <li><a href="#"> testing </a></li> 
       <li><a href="#"> coba </a></li> 
       <li><a href="#"> Test </a></li> 
      </ul> 
     </div> 

    </div> 

Answer 1

Включили ли вы JQuery в первую очередь в качестве начальной загрузки JQuery. Рабочий код:

Fiddle

Код:

<div class="navbar navbar-inverse navbar-static-top"> 
    <div class="container"> <a href="#" class="navbar-brand"> Full and Starving </a> 

     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" > <span class="sr-only"> Toggle navigation</span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
     </button> 

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

       </li> 
       <li><a href="#"> testing </a> 

       </li> 
       <li><a href="#"> coba </a> 

       </li> 
       <li><a href="#"> Test </a> 

       </li> 
      </ul> 
     </div> 
    </div>