Как заставить фундамент идти 2 колонки, прежде чем идти на полную ширину?

Я использую Foundation для нашего веб-сайта и есть раздел, где есть 3 коробки / столбцы в строке. Как в:

Введите описание изображения здесь

КОД:

<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-колонны сначала.

Как сделать так, чтобы Foundation сначала переходил к 2-столбцам при определенном размере запроса мультимедиа перед переходом на полную ширину?

1 ответ

  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 только.

    Номера можно изменить в соответствии с количеством отображаемых столбцов.

    (У Foundation 5 есть это обновление.)