基础：如何在响应式布局中堆叠列？

试图找出如何做一个使用基金会响应式布局。我是新来这个，熟悉使用推送能力，拉，但我竭力试图找出如何堆叠在一个单列的项目。基础：如何在响应式布局中堆叠列？

视觉：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>

提前感谢！

来源

2014-12-02 raydeneg

我觉得你的代码（根据你的形象）会是这样：

<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

来源

2014-12-02 18:46:02

嘿感谢您的答复。该解决方案的排序工作，但高度都没有排队，A和B是相同的尺寸和C似乎坐在下面。 B的高度似乎随着A的内容而调整。 – raydeneg 2014-12-03 16:56:05

基础：如何在响应式布局中堆叠列？

回答

相关问题