我是Bootstrap的新手,我需要有关Bootstrap行/列排序的帮助。我有3行2列的图像,每个图像都有文字:
图片1文字1
文字2图片2
图片3文字3
Web布局很好。但是,在移动设备上,它看起来(如预期):
图片1
文本1
文字2
图片2
图3
文字3
我希望移动设备布局如下所示:
图片1
文本1
图片2
文字2
图3
文字3
像这样使用Bootstrappush
和pull
类。
<div class="row">
<div class="col-md-6">Image1</div>
<div class="col-md-6">Text1</div>
<div class="col-md-6 col-md-push-6">Image2</div>
<div class="col-md-6 col-md-pull-6">Text2</div>
<div class="col-md-6">Image3</div>
<div class="col-md-6">Text3</div>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句