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;}