手机浏览器显示屏上每行两个图像（bootstrap 3）

Question

我相信很多人都熟悉界面在Windows手机上的显示方式，默认情况下，你经常会有两排瓷砖或按钮，无论你想叫它们。

我希望在使用bootstrap 3在移动浏览器中查看我的网页时应用这样的外观。举例说明：

这就是它在非手机设备上的外观

这就是它在手机上的外观（至少，当它处于纵向模式时）。显然并非所有图像都适合屏幕，但这正是我想要的。

有没有办法实现这个目标？

提前致谢。

Answer 1

使用bootstrap网格并将每个img放在div中。例如。

HTML：

<div class="row">
   <div class="col-md-3 col-sm-4 col-xs-6">
       <img.....>
   </div>
</div>