bootstrap align items vertically 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 text vertically
<div class=”row”>
<div class=”col-6 align-self-center”>
<div class=”card card-block”>
Center
</div>
</div>
</div>
Example 3: bootstrap div vertical center
<div class="jumbotron d-flex align-items-center min-vh-100">
<div class="container text-center">
I am centered vertically
</div>
</div>
Example 4: bootstrap column vertical align
<span class="align-baseline">baseline</span>
<span class="align-top">top</span>
<span class="align-middle">middle</span>
<span class="align-bottom">bottom</span>
<span class="align-text-top">text-top</span>
<span class="align-text-bottom">text-bottom</span>
Example 5: how to center vertically in bootstrap col
<div class="my-auto">
...inner divs and content...
</div>