javascript - 使 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 不使图像适合 Bootstrap 的缩略图宽度和高度。它正在生成一个 248x20 大小的占位符图像，该图像的高度太小了。虽然宽度看起来很合适。

如何使占位符图像与 bootstrap 缩略图图像尺寸相同？

Answer 1

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