Zurb foundation 如何强制特定列以较小的大小向下移动到下一行？

假设我有三个专栏：

第1列|第2列|第3列

我想，当屏幕大小更改为“小”时，列将更改为：

第1列|第3列

第2列（在它自己的全尺寸行中）

基本上，第3列将进入它自己的一行。现在，我知道我可以用“VisualBuy”类基金会来做这件事，但那时你必须重复两次COL 2内容，据我所知。如果可能的话，我想避免这种情况

---

有什么想法吗？或者我疯了，基金会不容易允许这样做吗？或者我应该把它拼凑在一起，把Col 2

定为肯定的：绝对的
或者什么的，今天就到此为止吧？
你在找一种叫做。（在文档页面的底部。）

对html进行排序，以便按1、3、2的顺序定义列。然后，使用push/pull类交换第3列和第2列的位置，以确定它们是否都在同一行中

<div class="small-6 medium-4 columns">
  ... Column 1 Content ...
</div>

<div class="small-6 medium-4 columns medium-push-4">
  ... Column 3 Content ...
</div>

<div class="small-12 medium-4 columns medium-pull-4">
  ... Column 2 Content ...
</div>


... 第1栏内容。。。
... 第3栏内容。。。
... 第2栏内容。。。