中心导航栏选项卡用于全尺寸屏幕，导航栏折叠范围内用于移动屏幕

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