非对称引导程序布局

罗伊

我是Bootstrap的新手,我需要有关Bootstrap行/列排序的帮助。我有3行2列的图像,每个图像都有文字:

网页版式:

图片1文字1

文字2图片2

图片3文字3

Web布局很好。但是,在移动设备上,它看起来(如预期):

图片1

文本1

文字2

图片2

图3

文字3

我希望移动设备布局如下所示:

图片1

文本1

图片2

文字2

图3

文字3

齐姆

像这样使用Bootstrappushpull类。

 <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>

演示:http//codeply.com/go/86DRUFtMmR

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章