Совместите содержимое в навигационной панели с центром позиции в bootsrap

Question

Я пробовал много, но я, но не смог зафиксировать контент в центре панели навигации. , но может исправить это влево или вправо. следующий код, который я использовал.

<h4 class="navbar-text navbar-center">Mytitle </h4> 

Answer 1

Попробуйте ->JSFIDDLE DEMO

Сначала вы должны удалить общие классы начальной загрузки.

Мы делаем это путем сброса опции float:none!

Затем мы центрируем контент, используя text-align:center.

CSS:.

#example .navbar .nav, 
#example .navbar .nav > li 
{ 
    float:none; /*To remove the inbuilt float option*/ 
    display:inline-block; 
} 

#example .navbar-inner { 
    text-align:center;/*To center this*/ 
} 

.navbar .brand{ 
    float:none; /*To remove the inbuilt float option*/ 
} 

Answer 2

http://jsfiddle.net/yHprm/220/ что-то вроде этого, но ... зависит, если у вас есть что-то еще там ... это поможет somemore код.

.parentDiv {text-align: center} 

Answer 3

Пожалуйста, попробуйте

.navbar-text { 
    width: 92%; /* new edit */ 
    text-align: center; /* new edit */ 
}