Wie kann ich den Abstand zwischen diesen Spalten/Bildern mit Bootstrap 4 reduzieren?

Question

Ich kann nicht herausfinden, wie wir die Bilder näher zusammenbringen können. Es scheint, dass der zusätzliche Grünraum von der Spaltenbreite kommt.

<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

Wenden Sie einfach dieses CSS in Ihrem Code

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

Ich denke, das ist Sie wollen. Es hilft dir einen schönen Tag zu haben.