Bootstrap 4阶水泥砖而不是垂直砌砖柱

Question

是否可以订购Bootstrap 4卡从左到右裹在.card-columns？

从上到下（默认）：

1 3 5 
2 4 6 

左到右：

1 2 3 
4 5 6 

因为不同高度，有必要对我来说，使用砖石般的网格。

Answer 1

的CSS列的顺序是从上到下，然后从左到右所以呈现列的顺序将是..

1 3 5 
2 4 6 

有没有办法改变CSS列的顺序。建议您使用另一种解决方案，如砌体。 https://github.com/twbs/bootstrap/issues/17882

此外，启用flexbox won't help因为引导card-deck使用CSS列（未实现Flexbox）为砖石效果。但是，您可以使用card-deck和Flexbox的同等高度卡：http://www.codeply.com/go/YFFFWHVoRB

另一种选择是使用grid along with flexbox，而不是card-deck：

您可以使用新的d-flex类eliminate the extra CSS：

<div class="col-sm-4 d-flex pb-3"> 
    <div class="card card-block"> 
     Card. I'm just a simple card-block. 
    </div> 
</div> 

相关： How do I make card-columns order horizontally?