Bootstrap 3 - Проблемы с двумя меню

Question

На самом деле я работаю с Bootstrap 3, и в моей сети у меня есть два меню. Когда я проверяю отзывчивый дизайн, он делает мне две кнопки для двух меню, но когда я нажимаю enyone, он открывает только первое меню. Поэтому я не знаю, как сделать, чтобы иметь только одну кнопку, и оба меню отображаются в одном и том же div на маленьком экране.

Может ли кто-нибудь мне помочь?

Answer 1

The firstone: 
 

 
<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="#navbar" aria-expanded="false" aria-controls="navbar"> 
 
      <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 id="navbar" class="navbar-collapse collapse"> 
 
     
 
      <ul class="nav navbar-nav navbar-right menu1"> 
 
      <li><a href="#">Register</a></li> 
 
      <li><a href="#">Login<span class="sr-only">(current)</span></a></li> 
 
      <li><a href="#">Wishlist <span class="badge pull-right">(0)</span></a></li> 
 
      <li><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Shoping cart <span class="badge pull-right">(0)</span></a></li> 
 
      </ul> 
 
     </div> 
 
     </div> 
 
    </nav> 
 

 

 

 
the seconone: 
 

 
    <div class="col-md-pull-9"> 
 
      \t <!-- Static navbar --> 
 
     <nav class="navbar navbar-default navbar-right menu2"> 
 
     <div class="container-fluid"> 
 
      <div class="navbar-header"> 
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
 
       <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 id="navbar" class="navbar-collapse collapse"> 
 
      <ul class="nav navbar-nav"> 
 
       <li><a href="#">Strona Główna</a></li> 
 
       <li class="dropdown"> 
 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Kategorie <span class="caret"></span></a> 
 
       <ul class="dropdown-menu" role="menu"> 
 
        <li><a href="#">Bestselery</a></li> 
 
        <li><a href="#">Biografie</a></li> 
 
        <li><a href="#">Encyklopedie</a></li> 
 
        <li><a href="#">Fantastyka</a></li> 
 
        <li><a href="#">Historia</a></li> 
 
        <li><a href="#">Kuchnia i diety</a></li> 
 
        <li><a href="#">Literatura</a></li> 
 
        <li><a href="#">Nauka języków</a></li> 
 
       </ul> 
 
       </li> 
 
       <li><a href="#">Nowości</a></li> 
 
       <li><a href="#">Bestsellery</a></li> 
 
       <li><a href="#">Ebooki</a></li> 
 
       <li><a href="#">Kontakt</a></li> 
 
       <li><a href="#">About us</a></li> 
 
      </ul> 
 
      
 
      </div><!--/.nav-collapse --> 
 
     </div><!--/.container-fluid --> 
 
     </nav> 
 
      
 
    </div>

Это мой код