html - 引导无响应的并排图像

我有下面的代码，其中显示两个图像（均为约350像素宽）。现在它们显示在侧边栏中，其在桌面/平板电脑（col-lg，col-md，col-sm）上设置为400px宽，但在col-xs屏幕上设置为100％宽。 col-xs在

<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敏感，因为它们在小屏幕上并排放置，并且到了无法完全看到它们的地步。如何强制图像返回到上方/下方？

最佳答案

您有向后的类声明。

col-sm-12 col-xs-6

应该

col-sm-6 col-xs-12

（Demo）

关于html - 引导无响应的并排图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30420801/