如何使用bootstrap 4减少这些列/图像之间的间距？

Question

我无法弄清楚如何使图像更加接近。似乎额外的绿色空间来自列宽。

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

Answer 1

只需在代码中应用此CSS

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

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