如何對齊基礎中的列

Question

我終於開始使用基礎，它很棒。所以我只是測試了一個例子，我注意到，如果只有一排兩列，它看起來像這樣：

我本來以爲「盒子B」本來旁邊的「對話框一個」。我如何將它與左邊對齊？ 我沒有太多的閱讀文檔（因爲我應該），但我想我會問。

如果你需要的代碼（當你下載的基礎代碼給出）：

<div class="row"> 
    <div class="large-4 columns"> 
     <div class="panel"> 
      <p>BOX A</p> 
     </div> 
    </div> 
    <div class="large-4 columns"> 
     <div class="panel"> 
      <p>BOX B</p> 
     </div> 
    </div> 

</div> 

感謝，

尼克

Answer 1

檢查你的CSS爲class="row"，並添加{float:left;}

Answer 2

這是因爲基礎基礎網格不得不加上多達12個。

使用css類創建列：.small-＃，.medium-＃和.large-＃。自基金會使用12個網格系統以來，＃必須加起來爲12。 來源：http://scotch.io/tutorials/css/understanding-zurb-foundation-5s-grid-system

更改類大6

Answer 3

可以將.END類添加到B列讓它靠左對齊。

<div class="large-4 columns end"> 
    <div class="panel"> 
     <p>BOX B</p> 
    </div> 
</div> 

來源：http://scotch.io/tutorials/css/understanding-zurb-foundation-5s-grid-system