Предотвратить Nav бар элемент разрушаться

Question

ОК, так вот ситуация:

У меня есть простой, ваниль, nav nav-tabs Navbar, содержащий несколько элементов, и крайний правый (с pull-right) <li> элемент (содержащий выпадающий список) ,

При изменении размера окна элементы резервных вкладок скрываются, начиная с самого правого элемента с выпадающим списком.

Как я могу заставить его «придерживаться» и сопротивляться рушится (или, по крайней мере, быть последним, а не первым, чтобы рухнуть)?

Answer 1

Для сопротивляться разваливается, попробуйте следующее:

Два типа есть:

ТИП 1:

Удалить 'collapse navbar-collapse' класс от коллапса DIV

<div class="" id="bs-example-navbar-collapse-1"> <!--Remove 'collapse navbar-collapse' --> 

После удаления класса, там нет необходимости в кнопке, также удалите переключатель 'button'.

DEMO for Type 1

ТИП 2:

же как тип 1, В типа один ваш «сопротивляться рушатся» будет удовлетворен, но вид не хорошо, и на экране 'sm' и 'xs', право содержания будет отображается в раскрывающемся списке

для этого вопроса я сделал некоторые изменения:

1. Правильные conents сдвинуты на navbar-header

2. navbar-header ширина назначается в качестве 100%, для выравнивания правого, как этот

   .navbar-заголовка { ширина: 100%; }

3. Тогда я использовал pull-right для правильного выравнивания, как на ваш вопрос, вместо этого вы можете использовать navbar-right также и добавил nav-pills для избегать обертывания правильного содержания, как этого

   <ul class="nav navbar-nav nav-pills pull-right">

DEMO for Type 2