引导无响应的并排图像

Question

我有下面的代码，其中显示两个图像（均为约350像素宽）。 现在它们显示在侧边栏中，其在桌面/平板电脑（col-lg，col-md，col-sm）上设置为400px宽，但在col-xs屏幕上设置为100％宽。 col-xs在<768px处开始播放，因此最初我希望这两张图片并排放置，但是一旦它们局限了空间并接近触摸时，我希望它们返回到上方/下方。 目前，一旦它下降到大约700像素以下，则右侧图像就会开始与左侧重叠。

<div class="market-img col-xs-6 col-sm-12">
  <img src="$Image1.URL" />
</div>
<div class="market-img col-xs-6 col-sm-12">
  <img src="$Image2.URL" />
</div>

我不希望它们对img敏感，因为它们并排放置在小屏幕上，并且到了无法完全看到它们的地步。 如何强制图像返回到上方/下方？

Answer 1

您有向后的类声明。

col-sm-12 col-xs-6

应该

col-sm-6 col-xs-12

（ 演示 ）