我遇到了一个有趣的情况，其中我有两列，每列中有两个div。我遇到的问题是，当我需要缩小窗口到移动视图时，我需要从第二和第三列中的两个div互换。
示例（我正在使用haml）
col-sm-8
%h1 "A"
%h1 "B"
col-sm-4
%h1 "C"
%h1 "D"
所以基本上这看起来像这样 AA C. BB D
但是当我想要浓缩它时，它看起来像
A
乙
C
d
这就是事情，当我想要这个浓缩时，我希望列看起来像：
A
C
乙
D
有人对如何使用这个有任何想法吗？
答案 0 :(得分：0)
你可以通过拉动和推动不同尺寸的某些柱来实现这一点。见http://getbootstrap.com/css/#grid-column-ordering。基本上，您将以更大的尺寸拉动或推动柱子，但移动设备没有推或拉，并且按照您希望它们出现的顺序排列。
因此应该订购html页面，例如A，C，B，D;然后使用推拉式sm或md和更大的尺寸，在大屏幕上随意排列。我不知道推拉两个以上的列是否有效。如果没有，你可以随时创建嵌套列，这样A和C将在他们自己的新列和容器中，而B和D将在屏幕的左侧执行相同的操作。