css - 如何对齐到循环中下一行的最高列？

如何对齐到循环的下一行的最高列？我希望它看起来像第一个图像，而不是第二个图像。 Divs循环渲染：

  <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>

第一张图片（不理想）：

第二张图片（理想的解决方案）：

最佳答案

这是浮点的副作用，您需要在每个第x个元素上使用clear浮点，并且sm和md断点使用不同的“ x”。

nth-child选择器可以帮助您。为了不必基于任何特定的col-xy-foo类来选择列，我只需在这里使用子选择器.row > :nth-child(…)，就可以根据需要通过附加的类或id使行本身更具唯一性。

关于css - 如何对齐到循环中下一行的最高列？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55157808/