Bootstrap 3, как правильно выровнять кнопку на навигационной панели?

Question

Я принимаю coding and preview здесь.

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

Спасибо.

Answer 1

Проверить demo

.navbar-header{ 
    margin-left:5px; 
    width:100%; 
} 

И добавить

тянуть правый

класс кнопке.

Answer 2

ДЕМО HERE

Ну, сделать это изменение.

.navbar-header{ 
    width:100%; 
} 

Затем поместить класс на кнопке, которую вы хотите поместить на правой стороне, например right-side-button

затем применить этот класс к a и редактирования в CSS таким образом:

.right-side-button{ 
    float:right; 
} 

И все готово!

Answer 3

Для Bootstrap 3, .navbar-right делает именно это.

<ul class="nav navbar-nav navbar-right"> 
. 
. 
</ul> 

Answer 4

В навигационной панели в случае выравнивания Bootstrap происходит немного по-другому.

Для выравнивания элементов вправо в навигационной панели поместить необходимые элементы в отдельном DIV и в ней создать ул и добавить необходимые элементы в списке.

К сНу добавить класс .Снять-право выравнивания элементов вправо.

Пример кода:

<div class="pull-right"> 
     <ul class="nav navbar-nav"> 
      <li><button type="submit" class="btn navbar-btn btn-danger" name="logout" id="logout" value="Log Out">Log Out</button></li> 
     </ul>  
</div> 

Если есть выравнивание проблемы с элементами на левой стороне навигационной панели и класс .Снять налево к этому DIV