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

Question

My Site

在本网站的“当前阅读...”部分下有5张图片。顶行3位于下方2位。我对3张图片使用col-lg-4

的方式感到满意

但是我希望底部的两个图像位于中心下方，如下所示：

           □       □       □
               □       □   

我在应用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