如何使用引导程序 4 减少这些列/图像之间的间距？答案

【问题标题】：How can I reduce the spacing between these columns/ images using bootstrap 4?如何使用引导程序 4 减少这些列/图像之间的间距？
【发布时间】：2018-02-28 23:56:01
【问题描述】：

我不知道如何使图像靠得更近。似乎额外的绿色空间来自列宽。

 <div class="row">
  <div class="col-md-4">
    <img src="img/thumbnail1.png">
  </div>
  <div class="col-md-4">
    <img src="img/thumbnail2.png">
  </div>
  <div class="col-md-4">
    <img src="img/thumbnail3.png">
  </div>
</div>

<div class="row">
  <div class="col-md-4">
    <img  src="img/thumbnail4.png">
  </div>
  <div class="col-md-4">
    <img src="img/thumbnail5.png">
  </div>
  <div class="col-md-4">
      <img src="img/thumbnail6.png">
  </div>
</div>

【问题讨论】：

标签： twitter-bootstrap padding bootstrap-4 margins grid-system

【解决方案1】：

只需在您的代码中应用此 CSS

.col-md-4 img{
    width: 100%;
}

我想这就是你想要的。它可以帮助您度过美好的一天。

【讨论】：

谢谢，但这只会使图像变大。