我遇到类似这一问题的问题 - Bootstrap: reorder 3 columns on small screens
提出的解决方案是完全可以接受的,但是在最新版本的Bootstrap上它不起作用。我可以在当前版本中执行此操作吗?
答案 0 :(得分:1)
您可以在Bootstrap中使用order classes。
有order-1
到order-12
的课程。
还有响应式课程,因此您可以执行以下操作:
Div A:order-2
Div B:order-3 order-md-1
这将导致:
较小的屏幕:A B
更大屏幕:B A
答案 1 :(得分:0)
它在引导程序4中不起作用,因为网格基于flex。但是,可以使用display: contents
和order: -1
创建解决方案。
我已经在此处分享了完整的答案:https://stackoverflow.com/a/60394907/409102