Centering a single column using bootstrap 4 grid system

As per the documentation you can use justify-content-center on the row to center any number of columns in a row.

<div class="row justify-content-center">
  <div class="col-4">
    One centered column
  </div>
</div>

You can add

justify-content-center

on "row" div.

so it would be something like this:

<div class="container">
  <div class="row justify-content-center">
    <div class="col-2">
      //content ...
    </div>
  </div>
</div>

This is an example from the official bootstrap documentation https://getbootstrap.com/docs/4.0/layout/grid/

Related