bootstrap多个图片库在两者之间留下一个空间

Question

我正在使用bootstrap，我正在尝试制作一个带有多个图像的画廊，以及它下面的名称。

代码：

<div class="col-lg-3 col-md-4 col-xs-6">
    <a  href="#">
      <img class="img-responsive" src="http://www.example.com/img" >
      </br>
      <span>name</span>
    </a>
</div>

这将显示不同大小的图像，并且在行和列之间具有随机间隙。我如何修复它并正确地获取所有图像结构。当我点击图片而不是图片库时，我想打开一个页面。

Answer 1

为div指定固定宽度

<div class="col-lg-3 col-md-4 col-xs-6 fix-width">
    <a  href="#">
      <img class="img-responsive" src="http://www.example.com/img" >
      </br>
      <span>name</span>
    </a>
</div>

css：

.fix-width { width:200px;}