ZURB基金會：我應該爲每個「行」創建行嗎？

Question

所以，我可以創建一個<div class="row">並推送列？列的總長度將會增加12個單位。它是不好的風格，我應該爲每一行創建行？

Answer 1

這取決於你想要的行爲。如果你有連續超過12列，他們將包裹上，因爲它是下一行一行

超過12列將包裹

<div class="row"> 
<div class="small-2 large-4 columns">. . .</div> 
<div class="small-2 large-4 columns">. . .</div> 
<div class="small-2 large-4 columns">. . .</div> 
<div class="small-2 large-4 columns">. . .</div> 
<div class="small-2 large-4 columns">. . .</div> 
</div> 

| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 

----------------------------------------------------------------------- 
|      |      |      | 
| div1    |  div2    |  div3    |  
|      |      |      | 
----------------------------------------------------------------------- 
|      |      | 
| div4    |  div5    | 
|      |      | 
----------------------------------------------- 

相當於2行

<div class="row"> 
    <div class="small-2 large-4 columns">...</div> 
    <div class="small-2 large-4 columns">...</div> 
    <div class="small-2 large-4 columns">...</div> 
    </div> 
    <div class="row"> 
    <div class="small-2 large-4 columns">...</div> 
    <div class="small-2 large-4 columns">...</div> 
    <div class="small-2 large-4 columns">...</div> 
    </div> 

| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 

----------------------------------------------------------------------- 
|      |      |      | 
| div1    |  div2    |  div3    | (row 1) 
|      |      |      | 
----------------------------------------------------------------------- 

----------------------------------------------- 
|      |      | 
| div1    |  div2    | (row 2) 
|      |      | 
----------------------------------------------- 

這裏有更詳細的信息Understanding Div classes in Foundation 4