Как выровнять по верхнему столбцу в следующем ряду цикла? Я бы хотел, чтобы это выглядело как на первом изображении, а не на втором. Div отображаются в цикле:

  <div class="container">
    <div class="row">
        <? foreach($a as $b): ?>
            <div class="col-xs-12 col-sm-6 col-md-4"" >
                $b->foo
            </div>
        <? endforeach ?>
    </div>
</div>

Первое изображение (нежелательно): first Второе изображение (желаемое решение): second

css
0
Sruj 14 Мар 2019 в 11:20

1 ответ

Лучший ответ

Это побочный эффект с плавающей точкой, вам нужно будет clear использовать значение с плавающей запятой для каждого x-го элемента с разными «x» для точек останова sm и md.

Селектор nth-child помогает в этом. Чтобы не нужно было выбирать столбцы на основе какого-либо определенного класса col-xy-foo, я бы просто выбрал дочерний селектор здесь, .row > :nth-child(…), сама строка сделана более однозначно выбираемой с помощью дополнительного класса или идентификатора, если необходимо .

1
04FS 14 Мар 2019 в 13:36