我有一个行,其中一个有图像,但另一个没有,并使用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大小的占位符图像,高度太小。不过,宽度看起来很合适。
如何使占位符图像与引导缩略图具有相同的尺寸?
发布于 2014-08-07 12:02:04
指定高度不是<img src="holder.js/100%x75">
Official documentation的百分比
发布于 2014-08-07 10:04:53
您很可能没有在.thumbnail
类上设置显式的高度。因此,当Holder尝试获取占位符的父级的高度时,会得到一个不正确的值。设置.thumbnail
的高度,你的代码就可以工作了。
https://stackoverflow.com/questions/25171072
复制相似问题