Usunięcie odstępów między kolumnami w bootstrapie

Question

Cześć, próbuje ustawić w taki sposób divy w by były one ułorzone w kwadrat bez odstępu, lecz za bardzo mi nie idzie.

<div class="image col-lg-4 col-md-6">
  <div class="row no-gutters">
    <div class="col-6"><img src="img/" width="100" height="100"></div>
    <div class="col-6"><img src="img/" width="100" height="100"></div>
  </div>
  <div class="row no-gutters">
    <div class="col-6"><img src="img/" width="100" height="100"></div>
    <div class="col-6"><img src="img/" width="100" height="100"></div>
  </div>
</div>

 

Answer 1

To nie jest odstęp między kolumnami, sprawdź on-line,
 tylko odstęp (padding) wewnątrz kolumn.

Użyj np. p-0

[ on-line ]

<div class="col-6 p-0"><img src="img/" width="100" height="100"></div>

 

 

BTW, <img> zapisałbym tak

<div class="col-6 p-0"><img src="img/" alt="..."></div>

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}