使用 Bootstrap 在 3 个图像下居中 2 个图像

Question

My Site

在此网站的“正在阅读...”部分下有 5 张图片。顶行的 3 个是下面的 2 个。我对使用 col-lg-4 的 3 张图片的方式感到满意

但我希望底部的两张图片位于下方居中，如下所示：

           □       □       □
               □       □   

在应用span6 后，我尝试在底部两个图像上使用边距，但这会影响浏览器调整大小时的响应定位。

如何在不影响响应性的情况下让底部的两张图片整齐地居中？

非常感谢。

Answer 1

这是可能的，同时使用 col-sm-x 和 col-sm-offset-x ：

<div class="container">
  <div class="col-sm-4">
    <img src="http://placehold.it/110x150/2ecc71/fff" class="center-block">
  </div>
  <div class="col-sm-4">
    <img src="http://placehold.it/110x150/3498db/fff" class="center-block">
  </div>
  <div class="col-sm-4">
    <img src="http://placehold.it/110x150/e74c3c/fff" class="center-block">
  </div>
  <div class="col-sm-4 col-sm-offset-2">
    <img src="http://placehold.it/110x150/e67e22/fff" class="center-block">
  </div>
  <div class="col-sm-4">
    <img src="http://placehold.it/110x150/9b59b6/fff" class="center-block">
  </div>
</div>

Bootply