Html 消除图像库中的空白

嗨，伙计们，我不确定这是否是正确的术语，但我在bootstrap中建立了一个图像库，使用砖石，所以基本上，所有的东西都有不同的大小，我的问题是我的gallreys之间有一个巨大的差距，我想知道如何摆脱它。我的问题是这样的：

我希望它能让红色圆圈中的空间消失，我能把它们连接起来

HTML:

请让我知道，如果有一个更简单的方法来做这件事，我使用boostrap 3或如果我做了一些愚蠢的事情，但我想建立一个画廊使用这个想法，但只是为了让我可以摆脱那些大空间

---

感谢您尝试使用多行，这使得无法避免这种差距。您所要做的就是，整个页面中只有一行，但有多个列。那就没有差距了。伪代码如下所示：

<div class=row>
    <div class="col-sm-2">

         images 
    </div>
    <div class="col-sm-2">

         images 
    </div>
    <div class="col-sm-2">

         images 
    </div>
    <div class="col-sm-2">

         images 
    </div>
    <div class="col-sm-2">

         images 
    </div>
 <div>

图像
图像
图像
图像
图像

您试图使用多行，这使得无法避免这种间隙。您所要做的就是，整个页面中只有一行，但有多个列。那就没有差距了。伪代码如下所示：

<div class=row>
    <div class="col-sm-2">

         images 
    </div>
    <div class="col-sm-2">

         images 
    </div>
    <div class="col-sm-2">

         images 
    </div>
    <div class="col-sm-2">

         images 
    </div>
    <div class="col-sm-2">

         images 
    </div>
 <div>

图像
图像
图像
图像
图像

我有点理解，但是我放在那里的代码如何工作，你能给我看一把小提琴吗，因为我试过2次，但我似乎根本无法让它工作。对不起，我现在不能创建小提琴，因为我在远程，使用我的移动设备来回答。但是，理想情况下，您应该能够将卡片放入列中。我以前也做过类似的事情。你可以查看那里的HTML。我有点理解，但这与我放在那里的代码是如何工作的，你能给我看一把小提琴吗，因为我试过2次，但我似乎根本无法让它工作。抱歉，我现在无法创建小提琴，因为我在遥控器中，正在使用我的移动设备进行应答。但是，理想情况下，您应该能够将卡片放入列中。我以前也做过类似的事情。你可以在那里查看HTML。