Html 引导映像库空白空间

我在Bootstrap中有一个图像库，如下所示：

仅在第二行，在某些屏幕尺寸（如992px至1200px）上，有一个与图像中的一样的空行。如果在inspector中删除例如前两个或三个图像，一切都会很好，但是在代码中这样做没有帮助

以下是我在这个图库中的代码：

<div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/bunarska-visoki-pritisak.jpg">
                        <img class="img-responsive" alt="" src="../img/bunarske/bunarska-visoki-pritisak.png" />
                        <div class="text-center">
                            <small class="text-muted">Bunarska pumpa visokog pritiska</small>
                        </div>
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/demontaza-bunarske-pumpe.jpg">
                        <img class="img-responsive" alt="" src="../img/bunarske/demontaza-bunarske-pumpe.jpg" />
                        <div class="text-center">
                            <small class="text-muted">Demontaza bunarske pumpe</small>
                        </div>
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/dubinske-pumpe-liveno-gvozdje.jpg">
                        <img class="img-responsive" alt="" src="../img/bunarske/dubinske-pumpe-liveno-gvozdje.png" />
                        <div class="text-center">
                            <small class="text-muted">Dubinske pumpe od livenog gvozdja</small>
                        </div>
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/frekventna-regulacija.JPG">
                        <img class="img-responsive" alt="" src="../img/bunarske/frekventna-regulacija.JPG" />
                        <div class="text-center">
                            <small class="text-muted">Frekventna regulacija</small>
                        </div>
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/komandno-upravljacki-orman.JPG">
                        <img class="img-responsive" alt="" src="../img/bunarske/komandno-upravljacki-orman.JPG" />
                        <div class="text-center">
                            <small class="text-muted">Komandno upravljacki orman</small>
                        </div>
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/opremanje-arterijskog-bunara.jpg">
                        <img class="img-responsive" alt="" src="../img/bunarske/opremanje-arterijskog-bunara.png" />
                        <div class="text-center">
                            <small class="text-muted">Opremanje arterijskog bunara</small>
                        </div>
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/postavljanje-bunarske-pumpe.jpg">
                        <img class="img-responsive" alt="" src="../img/bunarske/postavljanje-bunarske-pumpe.png" />
                        <div class="text-center">
                            <small class="text-muted">Postavljanje bunarske pumpe</small>
                        </div>
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/pustanje-u-rad-bunarske-pumpe.jpg">
                        <img class="img-responsive" alt="" src="../img/bunarske/pustanje-u-rad-bunarske-pumpe.png" />
                        <div class="text-center">
                            <small class="text-muted">Pustanje u rad bunarske pumpe</small>
                        </div>
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6 col-md-3 col-lg-3 filter bunarske">
                    <a class="thumbnail fancybox" rel="ligthbox" href="../img/bunarske/vertikalna.JPG">
                        <img class="img-responsive" alt="" src="../img/bunarske/vertikalna.JPG" />
                        <div class="text-center">
                            <small class="text-muted">Vertikalna hidroforska posuda</small>
                        </div>
                    </a>
                </div>

我尝试了很多事情，包括设置clearfix、填充、添加行、调整图像大小等等。当然，这将是一件非常琐碎的事情，但我不知道到底是什么。其他部分中的所有其他图像显示良好

创建这样一个div

.img已修复{
高度：190px；
溢出：隐藏；

---

固定高度div试试这个

我已经解决了这个问题，在一行中显示了3个图像，这不仅看起来更好，而且删除了出现的奇怪空白。

固定高度'height'和？：）我认为这不是一个完整的答案。你能创建一个工作示例吗please@SahilDhir在这里可以找到一个已经在工作的示例：和通过cli点击gallery功能表中的第5项（Bunarske pumpe）。这种异常只发生在该库项目上，其他一切正常-我想知道这是因为图像的大小吗？匹配高度应该动态解决所有这些问题，因为图像大小不同。这并不能解决问题，我已经说过我使用jQuery.matchHeight插件，所以不需要设置高度。您使用相同的img和我说的一样，这一条有效吗？

$(".thumbnail").matchHeight();