如何在全寬之前先強制基礎走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有此更新）