如何从中间的 navbar-nav inverse 设置 Bootstrap 菜单项？

Question

大家好，感谢您阅读本文。我有一个我正在使用的默认 bootstrap 导航栏，我希望项目居中，我尝试了以下方法，但不知何故不起作用（但似乎对其他人有用），所以我一定是做错了什么。

选项 1：

nav.nav-center{margin:0;float:none} 
.navbar-inner{ text-align:center}

选项 2：

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

选项 3：

 .navbar.center .navbar-inner{text-align: center}
 .navbar-nav {width:100%;text-align:center};

li {float: none;display: inline-block}

所以上面的 none 有效。我不明白为什么。Here is the fiddle 先谢谢你了！亲切的问候

Answer 1

你这个

.navbar-collapse li a { text-align: center; }

制定如此具体的 CSS 规则不是一个好习惯，但这个对我有用。

Answer 2

所以我找到了它没有改变任何东西的原因，因为我使用的是 navbar-inverse 而不是我必须指定的默认值，但是 text-align:center 不起作用，我可以只有将 margin-left 设置为 X % 才能使其居中，这在我看来不是最佳解决方案，但至少是暂时的解决方案。我仍然乐于接受任何帮助！亲切的问候

如何从中间的 navbar-nav inverse 设置 Bootstrap 菜单项？

How to set Bootstrap menu items from a navbar-nav inverse in the center?

css

menu

centering

navbar