bootstrap center items in column code example
Example 1: bootstrap col center content
<div class="row">
<div class="col-4 d-flex justify-content-center text-center">
</div>
</div>
Example 2: bootstrap center align columns
<!-- Center columns in a Row -->
<div class="row d-flex justify-content-center text-center">
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
Example 3: bootstrap text center in div
<!-- recommended method -->
<div class="col-xs-1 text-center">
Example 4: alighn right boostrap 4
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>