Question

我有一个navbar，上面有几个标签。当屏幕尺寸变得足够小时，这些标签会消失并以可点击按钮navbar-collapse的形式收集，该按钮会以垂直方式展开标签。我能够让下拉列表中的元素以text-align: center为中心，但是当navbar为fullsize时，这似乎不会影响标签。有没有办法将标签集中在全尺寸和移动（在下拉列表中），我已经能够做到这一点。这是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

用于全尺寸屏幕的中心导航栏选项卡以及用于移动屏幕的导航栏折叠

1 个答案: