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

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

2025-05-20 11:25:56

推荐回答（3个）

回答1：

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

回答2：

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

回答3：

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