将导航栏中的内容与引导程序中的位置中心对齐

Question

我尝试了很多但是我，但无法修复导航栏中心的内容。 但是能够在左边或右边修复它。以下是我使用的代码。

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

Answer 1

试试这个 - ＆gt;的 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/这样的事情，但......取决于你是否有其他东西...它将有助于更多的代码。

.parentDiv {text-align: center}

Answer 3

请尝试

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