Wie erzwinge Foundation, zuerst 2 Spalten zu gehen, bevor sie die volle Breite erreichen?

Question

Ich benutze Foundation für unsere Website und es gibt einen Bereich, wo es 3 Boxen/Spalten pro Zeile gibt. Wie in:

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> 

Nun, wenn der Browser auf etwa 1023px Größe verändert wird, jede Spalte ändert sich plötzlich in voller Breite, wie in:

.. selbst wenn es noch etwas Platz auf der rechten Seite gibt, um zuerst zweispaltig zu gehen.

Wie mache ich es so, dass Foundation bei einer bestimmten Medienabfragegröße zuerst auf 2 Spalten geht, bevor die volle Breite erreicht wird?

Answer 1

Für Menschen, die dies hilfreich sein können:

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

Large-up-3 bedeutet auf großen Bildschirm, würden die Spalten 3 sein,

Medium-up-2 bedeutet auf mittlere Bildschirm, wären die Spalten 2,

Small-up-1 bedeutet auf einem kleinen Bildschirm, würde die Spalte nur 1 sein.

Sie können die Anzahl entsprechend der Anzahl der Spalten ändern, die angezeigt werden sollen.

(Foundation 5 hat dieses Update.)