多网格重新排序

时间:2014-10-27 08:23:38

标签: css twitter-bootstrap twitter-bootstrap-3

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

A
B
C
D

On Breakpoint sm我想要这个顺序:

A   C
B   D

在断点md上,订单应为:

B   A   D
    C

其中C应该超出A,无论高度BD如何。

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

对此有何解决方案?

1 个答案:

答案 0 :(得分:0)

在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"