2014-10-27 39 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"