javascript - 全尺寸屏幕的中心导航栏选项卡和移动屏幕的导航栏折叠内

Question

我有一个带有多个标签的 navbar。当屏幕尺寸变得足够小时，这些选项卡会消失并以可点击按钮的形式收集，navbar-collapse，它会展开并以垂直方式显示选项卡。我能够使下拉列表中的元素以 text-align: center 为中心，但是当 navbar 为全尺寸时，这似乎不会影响选项卡。有没有一种方法可以让全尺寸和移动设备(在下拉菜单上)的选项卡居中，我已经能够做到这一点。这是 JSFiddle:http://jsfiddle.net/sushiknives/c1zjbrmj/

关于 JSFiddle 的一个注意事项:您需要将结果页面拖到最左边，以查看页面在全尺寸时的样子。

Answer 1

一种方法是使用nav-justified...

<ul class="nav nav-justified">
        <li><a href="#">Home</a></li>
        <li><a href="#">Condominii</a></li>
        <li><a href="#">Chi Siamo</a></li>
        <li><a href="#">Fornitori</a></li>
        <li><a href="#">Contatti</a></li>
        <li><a href="#">Dove Siamo</a></li>
</ul>

演示:http://codeply.com/go/MSEeod5De9