To center the column horizontally or vertically use Flexbox utilities. Add .d-flex .justify-content-center
classes to the parent element of the column (it should be .row
element ) to center it horizontally.
Useful resources:
<!--Grid row-->
<div class="row d-flex justify-content-center">
<!--Grid column-->
<div class="col-md-6">This column is centered</div>
<!--Grid column-->
</div>
<!--Grid row-->