Question

我的HTML看起来像这样：

<div class="col-lg-6">BLAH BLAH BLAH BLAH</div>
<div class="col-lg-6"><img src=""></img></div>

<div class="col-lg-6"><img src=""></img></div>
<div class="col-lg-6">BLAH BLAH BLAH BLAH</div>

<div class="col-lg-6">BLAH BLAH BLAH BLAH</div>
<div class="col-lg-6"><img src=""></img></div>

然而，当我的屏幕调整到移动设备时，我需要第二个元素图片仍显示在文本下方而不是顶部。

这是否适用于任何内置的Twitter Bootstrap类？还是一些媒体查询操作？

Answer 1

您可以使用这些课程。根据设备隐藏和显示元素

https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

您也可以使用col-xs-类

例如： <div class="col-lg-6 col-xs-12"><img src=""></img></div>

使用媒体查询操纵div

1 个答案: