css - 多重网格重新排序

Question

我想以一种特殊的方式重新排列我的网格。这是我在移动设备上的基本堆栈:

A
B
C
D

在断点上 sm我想要这个订单:

A   C
B   D

在断点上 md顺序应该是:

B   A   D
    C

哪里C应该恰好超出 A不管高度如何B或 D是。

我在 JSBin 上尝试了一些推拉操作 http://jsbin.com/gitawaveso/1但这似乎不是它的工作方式。

有什么解决办法吗？

Answer 1

在 sm 断点上尝试使用这个:

A class=" col-sm-6 "
B class=" col-sm-6 col-sm-push-6"
C class=" col-sm-6 col-sm-pull-6"
D class=" col-sm-6 "

在 md 断点上:

A class=" col-md-4 col-md-push-4"
B class=" col-md-4 col-md-pull-4"
C class=" col-md-4 col-md-push-4"
D class=" col-md-4 col-md-pull-4"