How does the grid system work in Bootstrap?

Bootstrap uses a 12-column grid based on flexbox.

You divide your layout using .row and .col-* classes.

Follow me on LinkedIn:

<div class="row">

<div class="col-6">Half</div>

<div class="col-6">Half</div>

</div>