flex center bootstrap
<!-- Classic -->
<div class="justify-content-center"></div>
<!-- Small -->
<div class="justify-content-sm-center"></div>
<!-- Medium -->
<div class="justify-content-md-center"></div>
<!-- Large -->
<div class="justify-content-lg-center"></div>
<!-- XL -->
<div class="justify-content-xl-center"></div>