在Bootstrap 4 beta

时间:2017-12-15 19:34:57

标签: multiple-columns bootstrap-4

我遇到类似这一问题的问题 - Bootstrap: reorder 3 columns on small screens

提出的解决方案是完全可以接受的,但是在最新版本的Bootstrap上它不起作用。我可以在当前版本中执行此操作吗?

2 个答案:

答案 0 :(得分:1)

您可以在Bootstrap中使用order classes

order-1order-12的课程。

还有响应式课程,因此您可以执行以下操作:

Div A:order-2

Div B:order-3 order-md-1

这将导致:

较小的屏幕:A B

更大屏幕:B A

答案 1 :(得分:0)

它在引导程序4中不起作用,因为网格基于flex。但是,可以使用display: contentsorder: -1创建解决方案。

我已经在此处分享了完整的答案:https://stackoverflow.com/a/60394907/409102