Question

请问如何设置bootstrap导航栏中的菜单项居中均匀分布？谢谢

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏5（财富值+成长值）

Answer 1

这个应该很简单吧，用栅格就可以了。
整个导航栏的div看做一个整体，里面的菜单项的class加上col-xs-3之类的，比如4个菜单就是col-xs-3，6个就是col-xs-2，肯定就均匀分布并且文字居中了。

Answer 2

F12打开控制台，选中元素，看控制台的样式，慢慢调

Answer 3

引用Tebro9的回答：
这个应该很简单吧，用栅格就可以了。
整个导航栏的div看做一个整体，里面的菜单项的class加上col-xs-3之类的，比如4个菜单就是col-xs-3，6个就是col-xs-2，肯定就均匀分布并且文字居中了。

bootstrap导航条中的nav元素默认是水平铺满的，不存在居中的问题，楼主说的是里面的ul.nav.navbar-nav菜单水平居中吧？
ul.nav.navbar-nav因浮动而不能直接用居中的样式，如果不清除浮动重新定位，可以用个变通的方法，把这个ul相对定位了，然后左边加上left，值设定一个百分数即可达到居中效果。代码如下：
position: relative;left: 20%;