Bootstrap Center Navbar Items

Question

Я знаю, что могу нажимать элементы навигатора слева и справа, но как бы я их центрировал?

text-align:center; 

не работает ни в какой другой предмет, о которой я думал.

Answer 1

Вам необходимо будет изменить некоторые правила CSS для компонента Navbar. Так добавить класс center к nav.navbar и следующие правила:

.navbar.center .navbar-inner { 
    text-align: center; 
} 

.navbar.center .navbar-inner .nav { 
    display:inline-block; 
    float: none; 
} 

Working demo (Bootstrap 3.3.7)

Answer 2

Вы можете использовать

text-align:center; 

к элементу обертки к центру его Чайлдс, но только если Чайлдс имеют

display: inline; 
/* or */ 
display: inline-block; 

Другой вариант, если вы знаете ширину элемента, который вы хотите центр, является

display: block; 
width: /* something */; 
margin: 0 auto; 

Answer 3

Продлить от выбранного ответа, добавление вертикального выравнивания сверху предотвратит пространство появляться по пунктам Nav.

.navbar.center .navbar-inner { 
    text-align: center; 
} 

.navbar.center .navbar-inner .nav { 
    display:inline-block; 
    float: none; 
    vertical-align: top; 
} 

Demo