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

Question

我使用基金会为我们的网站，并有一个部分，每行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，

中-UP-2意味着中等屏幕，列将是2，

小 - up-1意味着在小屏幕上，列将只有1。

您可以根据要显示的列数来更改数字。 （基金会5有此更新）