no-gutters

bootstrap5.css

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

bootstrap5.css

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

html bootstrap5 Sample

ガターなしカラム：no-gutters

col

  <!-- ガターは、グリッドのカラム間にある余白のこと -->
  <!-- 画面いっぱいに広がる -->
  <div class="row no-gutters">
    <div class="col">col</div>
    <div class="col">col</div>
  </div>