引导多个图像库之间留有空间

Question

我正在使用引导程序，我正在尝试制作一个包含多个图像及其下方名称的画廊。

代码：

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