html - 安排布局，我使用的是引导程序 4.1.3

Question

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

我希望动态列出这些框。每一列都在行内。可以用css做到吗？

这是上图的一个简单片段。

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

标签： htmlcss

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