基礎：如何在響應式佈局中堆疊列？

Question

試圖找出如何做一個使用基金會響應式佈局。我是新來這個，熟悉使用推送能力，拉，但我竭力試圖找出如何堆疊在一個單列的項目。

視覺：http://i.imgur.com/q1LAvIa.png

<div class="row"> 
<div class="small-12 large-? columns"> A </div> 
<div class="small-12 large-? columns"> B </div> 
<div class="small-12 large-? columns"> C </div> 
</div> 

提前感謝！

Answer 1

我覺得你的代碼（根據你的形象）會是這樣：

<div class="row"> 
    <div class="small-12 large-6 large-push-6 columns">A</div> 
     <div class="row"> 
      <div class="small-12 large-6 large-pull-6 columns">B</div> 
      <div class="small-12 large-6 columns">C</div> 
     </div> 
    </div> 
</div> 

你可以檢查「高級」 &「來源排序」部分中http://foundation.zurb.com/docs/components/grid.html