使用网格css对引导列中的块重新排序

我有两列，每列包含两个块

移动设备中的当前订单为 1. 2. 3. 四,

我希望它是： 3. 1. 2. 四,

我试图使用网格，但我不知道如何才能从第2列中获得块3

见：

正文{
填充顶部：50px；
}
.街区{
填充：40px；
文本对齐：居中；
}
.y{
背景：黄色；
}
r{
背景：红色；
}
.b{
背景：浅蓝色；
}
g{
背景：浅绿色；
}
@仅介质屏幕和（最大宽度：991px）{
.集装箱{
显示：网格；
背景颜色：粉红色；
}
}

1.
2.
3.
4.

稍微更改一下布局，您就可以使用引导类（）实现这一点，而无需CSS网格：

正文{
填充顶部：50px；
}
.街区{
填充：40px；
文本对齐：居中；
}
.y{背景：黄色；}
.r{背景：红色；}
.b{背景：浅蓝色；}
.g{背景：浅绿色；}

1.
3.
2.
4.

稍微更改一下布局，您就可以使用引导类（）实现这一点，而无需CSS网格：

正文{
填充顶部：50px；
}
.街区{
填充：40px；
文本对齐：居中；
}
.y{背景：黄色；}
.r{背景：红色；}
.b{背景：浅蓝色；}
.g{背景：浅绿色；}

1.
3.
2.
4.

使用CSS网格，您不能<代码>顺序可以在同一父元素上工作。有没有办法不用js就可以做到这一点？使用CSS网格，你不能

order

在同一父级中的元素上工作。有没有办法不用js就可以做到这一点？使用FlexboxNice非常感谢，这很有用，但我不能使用方法1，因为在我的情况下，块的高度不同，这会影响桌面视图。@Duha你可以复制第三个div吗？我认为这是使用FlexboxICE获得所需内容的唯一方法非常感谢，这很有帮助，但我不能使用方法1，因为在我的情况下，块的高度不同，这将影响桌面视图。@Duha您可以复制第三个div吗？我认为这是得到你想要的东西的唯一途径