以網格爲中心的藍圖CSS

Question

剛開始使用Blueprint CSS，現在正在使用網格，但有一個簡單的問題。我在頁面頂部創建了一個導航欄，每個鏈接2列寬（使用span-2）。什麼是正確的方式將這些鏈接集中在網格列內，而不會攻擊css。

<div id="navbar" class="container showgrid"> 
    <div class="span-2 border"> 
     <a href="news" class="caps">News</a> 
    </div> 
    <div class="span-2 border"> 
     <a href="gigs" class="caps">Gigs</a> 
    </div> 
    <div class="span-2 border"> 
     <a href="tunes" class="caps">Tunes</a> 
    </div> 
    <div class="span-2 border"> 
     <a href="mailing-list" class="caps">Email&nbsp;List</a> 
    </div> 
</div> 

Answer 1

我想創建一個輔助類是這樣的：

CSS：

.text-center{ text-align:center; } 

HTML：

<div class="span-2 border text-center"> 
    <a href="news" class="caps">News</a> 
</div> 
<div class="span-2 border text-center"> 
    <a href="gigs" class="caps">Gigs</a> 
</div>