Zurb foundation 基础框架-行间移动列源顺序

我有一个特定于基金会的问题，希望你能帮助我。我在第二行上面有两列的第一行。我希望第一行的第二列（右侧）以移动格式落在第二行下面。我已经研究了push/pull等，但在行之间切换列时遇到了困难。有什么想法可以实现这一点吗

谢谢，

---

MK

这不可能通过基金会的推/拉操作直接实现，因为它可以重新排序（而不是行和列）

您可以将HTML重构为仅一行（但这也有其他相关问题），然后使用推/拉

或者（更简单地说）使用显示一行仅表示小，隐藏一行表示中向上，反之亦然：

<div class="row">
    <div class="small-12 medium-6 columns">
        Top left
    </div>
    <div class="medium-6 columns show-for-medium">
        Top right
    </div>
</div>
<div class="row">
    <div class="small-12 large-6 columns">
        Bottom
    </div>
</div>
<div class="row">
    <div class="small-12 columns show-for-small-only">
        Bottom for small
    </div>
</div>

左上角
右上角
底部
小底

---

本例在。

中，这与您通过基金会的推/拉所描述的方式不同，因为它是重新排序的（而不是行和列）

您可以将HTML重构为仅一行（但这也有其他相关问题），然后使用推/拉

或者（更简单地说）使用显示一行仅表示小，隐藏一行表示中向上，反之亦然：

<div class="row">
    <div class="small-12 medium-6 columns">
        Top left
    </div>
    <div class="medium-6 columns show-for-medium">
        Top right
    </div>
</div>
<div class="row">
    <div class="small-12 large-6 columns">
        Bottom
    </div>
</div>
<div class="row">
    <div class="small-12 columns show-for-small-only">
        Bottom for small
    </div>
</div>

左上角
右上角
底部
小底

这是一个典型的例子