我在引导程序中使用缩略图。我已经能够纠正我喜欢的两边的填充物,但不能低于它。这是手机上的一个大问题,因为它太宽了,我不喜欢。
代码:

<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/

10-09 19:11
查看更多