安排布局，我正在使用Bootstrap 4.1.3

Question

我有这个布局，在这张图片中：

我希望框被动态列出。每列都在行内。 有可能用CSS做到吗？

这是上图的简单片段。

<!-- https://codepen.io/umanga/pen/dQRVGX --!>

Answer 1

使用以下CSS代码：

.col-md-3 { order: 2; } 
.col-md-3:nth-child(2),
.col-md-3:nth-child(3) { order: 0; } 
.col-md-6 { order: 1; }