bootstrap 3 navbar не рушится на мобильном телефоне

Question

Я помещаю рублевую навигацию на свой сайт. проблема в том, что на мобильном устройстве navbar не сбрасывается В чем проблема?

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span>       
     </button> 
     <a class="navbar-brand" href="#main"><?php bloginfo ('name') ?></a> 
    </div> 
    <div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#contact">צור קשר</a></li> 
      <li><a href="#portfolio">פרויקטים</a></li> 
      <li><a href="#services">שירותים</a></li> 
      <li><a href="#about">אודות</a></li> 
      <li><a href="#main">ראשי</a></li> 
      </ul> 
      </li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</nav> 

Answer 1

В вашем коде <ul><li> добавлена ​​ошибка.
Удалите его. Затем ваш код работает правильно.