基礎（3）導航拉伸100％寬度

Question

我想知道是否有可能通過Zurb導航欄項目將基礎3設置爲居中，當酒吧在整個屏幕上延伸時。我在導航上有6個項目，他們都在右側。

<ul class="nav-bar"> 
    <!-- nav items... ect --> 
</ul> 

謝謝。

Answer 1

我不能賺的項目，但我設法使它看起來好多了，試試這個CSS的基礎：

.nav-bar { background: inherit; } 
.nav-bar > li { background: #4d4d4d; border: 1px solid #333333; } 
.nav-bar li { 
    float: left; 
} 
.nav-bar > li > a:first-child { padding: 0 12px; font-size: 14px; } 
.nav-bar > li:last-child { border-right: 0px; -webkit-box-shadow: none; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; } 

.nav-bar > li:hover { background: #666; }