如何在走向全宽之前强制基础先走2列？

Question

我在我们的网站上使用Foundation，并且每行有3个方框/列。如：

CODE：

<div class="row">
    <div class="large-4 columns">[BOX]</div>
    <div class="large-4 columns">[BOX]</div>
    <div class="large-4 columns">[BOX]</div>
</div>

现在，当浏览器调整为大约1023px时，每列突然变为全宽，如：

..即使右边还有一些空间先行2列。

如何使基金会在进入全宽之前首先以某个媒体查询大小进入2列？

Answer 1

对于可能会觉得有帮助的人：

<div class="row small-up-1 medium-up-2 large-up-3">
    <div class="columns">
    </div>
</div>

大上3 表示在大屏幕上，列数为3，

中上2 表示在中等屏幕上，列为2，

Small-up-1 表示在小屏幕上，该列仅为1。

您可以根据要显示的列数更改数字。

（基金会5有此更新。）