Equal-width multi-row with Bootstrap Grid System

Create equal-width columns that span multiple rows by inserting a .w-100 where you want the columns to break to a new line.

<div class="container">
  <div class="row">
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="w-100"></div>
    <div class="col">col</div>
    <div class="col">col</div>
  </div>
</div>

References
https://getbootstrap.com/docs/4.3/layout/grid/#equal-width-multi-row