css - 如何更改 Bootstrap 网格的垂直顺序

Question

我的实际布局是这样的:

A B
乙乙
乙乙
一个
一个
..

A 元素在 div.col-sm-7.col-sm-pull-5 而B元素在div.col-sm-5.col-sm-push-7

在手机上看起来像这样:

B
乙
乙
一个
一个
一个
..

现在我想在B元素之后输入一个元素C:

A B
乙乙
乙乙
一个 C
一个
..

在常规显示器和移动设备上它应该是这样的:

B
乙
乙
一个
一个
一个
..
C

谁有好的解决方案？

Answer 1

嘿，我认为你想要实现的目标可以通过推拉来完成:

“使用 .col-md-push-* 和 .col-md-pull-* 修饰符类轻松更改内置网格列的顺序。”

这是来自 bootstrap 文档。