引导3：折叠

当更改.COL-X元素的垂直排序我有以下的大的显示上时布局：引导3：折叠

AAA BBB 
AAA CCC

（所有A的，所有B的，并且所有的C的形式的一个DIV，所以有3个元素在这里）

现在，当这个崩溃，我希望它成为

BBB 
AAA 
AAA 
CCC

我试图在HTML中指定顺序的元素，但随后的最好的，我可以弄到扩大争夺瓦特为（使用.push-X类）

AAA BBB 
AAA 
    CCC

我能想到通过JS周围移动的东西，或者在正确的位置具有CCC重复和显示和隐藏它们取决于视区大小的唯一解决方案。

有没有更干净的方法来做到这一点？

来源

2014-01-09 Max Hollmann

我发现这个问题发布几个月后，接受的答案似乎是你在之后。有一个与示例代码一个bootply演示，以及： https://stackoverflow.com/a/18517292/3172872

来源

2014-01-09 12:56:31 stckrboy

不幸的不是。问题在于A比B高，并且这种方法C被放置在A的底部以下，所以B和C之间存在差距（http://bootply.com/104603） –

<div class="row"> 
    <div class="col-xs-12 col-md-6 col-md-push-6">BBB</div> 
    <div class="col-xs-12 col-md-6 col-md-pull-6">AAA</div> 
    <div class="col-xs-12 col-md-6 ">AAA</div> 
    <div class="col-xs-12 col-md-6 ">CCC</div> 
</div>

，将工作。

它是如何做呢？... 首先，你需要首先安排您的内容移动（所以考虑移动“自然”顺序即

BBB 
AAA 
AAA 
CCC

然后，当你扩展到桌面您会得到这样的：

BBB AAA <--- wrong order 
AAA CCC

所以，然后需要通过推动BBB内容的权利，并拉动AAA内容向左

交换顺序0

BBB------>. 
.<------AAA

来源

2015-06-26 13:15:27

如果'AAA's是两个div，但他们不是。他们是一个大约是“BBB”和“CCC”高度两倍的div。 –

回答

相关问题