多个网格重新排序
问题描述:
我想以特殊方式重新排序我的网格。这是在移动设备上我的垒叠:多个网格重新排序
A
B
C
D
在断点sm
我想这个命令:
A C
B D
在断点md
的顺序应该是:
B A D
C
其中C
应该是完全超出A
无论高度B
或D
是多少。
我尝试了一些推动和拉动JSBin http://jsbin.com/gitawaveso/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"
推拉只有水平工作。你不能使用Bootstrap的css。您可以使用flexbox(css)或jQuery或服务器端检测,并为不同的设备提供不同的html。或者您可以使用响应式实用程序隐藏和显示。 – Christina 2014-10-27 13:11:48