使holder.js与其他bootstrap缩略图图像大小相同？

Question

我有一行，其中一个有图像，但另一个没有，并使用holder.js作为占位符。

<div class="row">
    <div class="col-md-3">
        <div class="thumbnail">
            <img src="image.jpg"/>
        </div>
    </div>
    <div class="col-md-3">
        <div class="thumbnail">
            <img src="holder.js/100%x100%"/>
        </div>
    </div>
</div>

我的缩略图css是：

.thumbnail > img {
    width: 45%;
}

holder.js不适合图像引导程序的缩略图宽度和高度。它生成了一个248x20大小的占位符图像，这个图像太小了。宽度看起来虽然可以找到。

如何使占位符图像与引导缩略图图像具有相同的尺寸？

Answer 1

指定身高而不是百分比<img src="holder.js/100%x75"> Official documentation

Answer 2

您可能没有在.thumbnail课程中设置明确的高度。因此，当Holder尝试获取占位符父级的高度时，它会获得不正确的值。设置.thumbnail的高度，您的代码应该有效。