引導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。 –

回答

相關問題