我在引导程序中使用缩略图。我已经能够纠正我喜欢的两边的填充物,但不能低于它。这是手机上的一个大问题,因为它太宽了,我不喜欢。
代码:
<div class="col-5-gutter">
<div class="col-md-4">
<div class="thumbnail"><img src="images/Thumbnail_Placeholder.png" alt="Thumbnail Image 1">
<div class="caption">
<h3>Text</h3>
<p>Text.</p>
</div>
</div>
</div>
<div class="col-5-gutter">
<div class="col-md-4">
<div class="thumbnail"><img src="images/Thumbnail_Placeholder.png" alt="Thumbnail Image 1">
<div class="caption">
<h3>Text Here</h3>
<p>Text Here</p>
</div>
</div>
</div>
</div>
CSS:
.col-5-gutter > [class*='col-'] {
padding-right:5px;
padding-left:5px;
padding-bottom: 5px;
}
最佳答案
答案是margins
而不是padding
。但是问题出在缩略图类中:
.thumbnail {
margin-bottom: 5px;
}
关于html - 填充Bootstrap缩略图,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46617765/