Foundation 網格– 水平堆疊
以下實例創建了一個基本的網格系統，在PC 和平板設備上它是水平平舖的，在手機等小型設備上它是水平堆疊的。
實例
< div class= "row" >
< div class= "medium-6 columns" style= "background-color:yellow;" >
< p >本教程< /p >
< /div >
< div class= "medium-6 columns" style= "background-color:pink;" >
< p >本教程< /p >
< /div >
< /div >
< div class= "medium-6 columns" style= "background-color:yellow;" >
< p >本教程< /p >
< /div >
< div class= "medium-6 columns" style= "background-color:pink;" >
< p >本教程< /p >
< /div >
< /div >
嘗試一下»
 | 提示: .small|medium|large-*類中的數字指定了跨越的列數。 所以， .small-1跨越1列, .small-4跨越4列, .small-6跨越6列(50%寬度)等。 注意:要保證數列加起來是12列! |
|---|