Question

试图弄清楚如何使用Foundation做一个响应式布局。我是新手，熟悉使用推拉的能力，但我正在努力弄清楚如何在一行中堆叠物品。

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

您可以查看＆＃34;高级＆＃34; ＆安培; ＆＃34;来源订购＆＃34; http://foundation.zurb.com/docs/components/grid.html

中的部分

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

1 个答案: