xxxxxxxxxx
How to Center a Column in Bootstrap
Use the mx-auto Class
Example
<div class="container">
<div class="row">
<div class="col-sm-6 mx-auto">
<!-- Column content -->
</div>
</div>
</div>
xxxxxxxxxx
<!-- Center columns in a Row -->
<div class="row d-flex justify-content-center text-center">
<div class="col-4">
// Add Content
</div>
<div class="col-4">
// Add Content
</div>
<div class="col-4">
// Add Content
</div>
</div>
xxxxxxxxxx
<!--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-->