bootstrap 4 vertical align with flex code example
Example 1: centralize div bootstrap
<div class="row align-items-center justify-content-center">
<div class="col">This will be centered vertically and horizontally</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">
// Add Content
</div>
<div class="col-4">
// Add Content
</div>
<div class="col-4">
// Add Content
</div>
</div>