您可以通过将菜单项设置为
display:inline-block来
float:left使导航菜单居中,而不是像这样:
.navbar .nav,.navbar .nav > li { float:none; display:inline-block; *display:inline; *zoom:1; vertical-align: top;} .navbar-inner { text-align:center;}尽管我建议您创建自己的类来定位要居中的导航栏菜单,但这样一来,您就不会打扰引导程序的默认值,也不会与页面中可能存在的其他导航节混淆。您可以这样做:
注意导航栏容器中的.center类
<div > <div > .... </div></div>
然后,您可以
.center像这样定位类:
.center.navbar .nav,.center.navbar .nav > li { float:none; display:inline-block; *display:inline; *zoom:1; vertical-align: top;}.center .navbar-inner { text-align:center;}编辑 :忘记了重新调整子菜单项到左侧,这是解决方法:
CSS
.center .dropdown-menu { text-align: left;}


