Сделать отзывчивый навигатор в бутстрапе?

Question

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

Извините за мое объяснение. Я хочу скрыть некоторые списки в раскрывающемся списке, но сохраните их. Пожалуйста, посетите, например, www.plus.google.com.

Answer 1

Да, это так. Давайте basisc пример NavBar:

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 
      <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a href="#" class="brand">Project name</a> 
      <div class="nav-collapse collapse"> 
      <ul class="nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#about">About</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul> 
      </div> 
     </div> 
     </div> 
    </div> 

и изменить его, удалив <button ... ./> вам не нужно. Еще одна вещь, которую вы должны сделать, - удалить классы nav-collapse collapse. И наконец:

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 

      <a href="#" class="brand">Project name</a> 
      <ul class="nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#about">About</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div> 
     </div> 
    </div>