我有一排有图片,但另一排没有,并使用 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 缩略图图像尺寸相同?
最佳答案
指定高度而不是百分比 <img src="holder.js/100%x75">
Official documentation
关于javascript - 使 holder.js 与其他 bootstrap 缩略图大小相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25171072/