2014-10-27 37 views
0

我想以特殊方式重新排序我的网格。这是在移动设备上我的垒叠:多个网格重新排序

A 
B 
C 
D 

在断点sm我想这个命令:

A C 
B D 

在断点md的顺序应该是:

B A D 
    C 

其中C应该是完全超出A无论高度BD是多少。

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

对此的任何解决方案?

+0

推拉只有水平工作。你不能使用Bootstrap的css。您可以使用flexbox(css)或jQuery或服务器端检测,并为不同的设备提供不同的html。或者您可以使用响应式实用程序隐藏和显示。 – Christina 2014-10-27 13:11:48

回答

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"