我希望所有的引导程序列都像图像网格一样正确堆叠。 Jsfiddle here
基本上,我希望框3位于框1的正下方,我也希望具有相同的列结构,即框1,框2,框3。而不是将框1和框3混合在一个列中。
<div class="col-sm-6 col-xs-12">Box 1</div>
<div class="col-sm-6 col-xs-12">Box 2 .....</div>
<div class="col-sm-6 col-xs-12">Box 3</div>
代替
<div class="col-sm-6 col-xs-12">
<section>Box 1</section>
<section>Box 3</section>
</div>
<div class="col-sm-6 col-xs-12">Box 2 .....</div>
我为什么要这样做?
因为当屏幕稍宽时,在拉伸输出屏幕时,在jsfiddle中,框3和框1之间有很大的间隙,而当屏幕较小时,框1首先出现,框2然后是框3。
这是可取的。
1)我想按此顺序在移动设备上显示它们。
2)但是在网上,由于盒子2的高度,盒子1和盒子3之间有很大的空隙。我希望将box 1和box2堆叠在一起。
如何达到1和2的情况。
谁能指出我正确的方向。谢谢。
最佳答案
在您的列中放入另一行,然后在该内部行中放入三个全角列。
<div class="col-xs-6">
<div class="row">
<div class="col-xs-12">Col 1</div>
<div class="col-xs-12">Col 2</div>
<div class="col-xs-12">Col 3</div>
</div>
</div>
关于javascript - 使下一列向上堆叠到其上方的列,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36404000/