中心導航欄選項卡用於全尺寸屏幕，導航欄折疊范圍內用於移動屏幕

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