<div class="container">
<div class="row gy-1 gx-1 gx-md-0">
<div class="col-6">
<div class="p-4 border bg-info"></div>
</div>
<div class="col-6">
<div class="p-4 border bg-primary"></div>
</div>
<div class="col-6">
<div class="p-4 border bg-success"></div>
</div>
<div class="col-6">
<div class="p-4 border bg-secondary"></div>
</div>
</div>
</div>
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.