navbar toggle не отображается

Question

Когда я изменяю размер моего браузера (как IE, так и Chrome), навигатор исчезает правильно, но переключатель не отображается. Я следил за кодом с сайта начальной загрузки, и я не уверен, что мне не хватает. Заранее спасибо. Вот мой фрагмент кода:

<nav class="navbar navbar-default navbar-static-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-collapse"> 
       <span class="glyphicon glyphicon-menu-hamburger"></span> 
       <span class="glyphicon glyphicon-menu-hamburger"></span> 
       <span class="glyphicon glyphicon-menu-hamburger"></span> 
       </button> 
      </div> 
      <div class="collapse navbar-collapse" id="menu-collapse"> 
       <ul class="nav navbar-nav"> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">Services</a></li> 
        <li><a href="#">Projects</a></li> 
        <li><a href="#">About</a></li> 
        <li><a href="#">Contact</a></li> 
       </ul> 
      </div> 
     </div> 
    </nav> 

Answer 1

Ваш код выглядит отлично, единственное, что я хотел бы сделать, это удалить diffently свернутого класс и изменить данные, целевое свойство меню сворачивания идентификатор класса. Я восстановил навигацию здесь:

[http://www.bootply.com/xcsJFk9jpA][1] 
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
       <div class="navbar-header"> 
        <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> 
       <a class="navbar-brand" href="site-template.html">Site Brand</a> 
       </div> 

       <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li class="active"><a href="index.html">Home</a></li> 
        <li><a href="blog.html">Blog</a></li> 
        <li><a href="clients.html">Clients</a></li> 
        <li><a href=" contact.html">Contact</a></li> 
        <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Social <b class="caret"></b></a><!--This link dose not go anywhere it is like the intro to the dropdown list.It is used to power the drop down menu. There are going to be social links in the drop down. --> 
         <ul class="dropdown-menu"> 
         <li><a href="http://facebook.com">Facebook</a></li> 
         <li><a href="http://twitter.com">Twitter</a></li> 
         <li><a href="http://plus.google.com">Google</a></li> 
         <li><a href="http://www.linkedin.com">LinkedIn</a></li> 
         </ul> 
        </li> 
       </ul> 
       </div> 
      </nav> 
<!-- End Navigation -->