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

Question

我的实际布局如下：

A B
A B
A B
A
A
..

元素位于div.col-sm-7.col-sm-pull-5中 和B元素在div.col-sm-5.col-sm-push-7

中

在移动设备上看起来像这样：

B
B
B
A
A
A
..

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

A B
A B
A B
A C
A
..

在常规显示器和移动设备上它应如下所示：

B
B
B
A
A
A
.. C

有没有人有一个好的解决方案？

Answer 1

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

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

这是来自bootstrap doc。