Comment puis-je réduire l'espacement entre ces colonnes/images en utilisant bootstrap 4?

Question

Je n'arrive pas à comprendre comment rendre les images plus proches les unes des autres. Il semble que l'espace vert supplémentaire provienne de la largeur de la colonne.

<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

Il suffit d'appliquer ce CSS dans votre code

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

Je pense que ce que vous voulez. Cela vous aide à passer une bonne journée.