Bootstrap provides several ways to create equal-width columns:
Basic equal columns:
<div class="row">
<div class="col">Column 1</div>
<div class="col">Column 2</div>
<div class="col">Column 3</div>
</div>
Equal columns with breakpoints:
<div class="row">
<div class="col-md">Column 1</div>
<div class="col-md">Column 2</div>
</div>
Equal-width multi-row:
<div class="row">
<div class="col">Column</div>
<div class="w-100"></div> <!-- Force next columns to new line -->
<div class="col">Column</div>
</div>