How can you align elements vertically in Bootstrap?

Use Flexbox utilities:

<div class="d-flex align-items-center" style="height:200px;">

<p>Vertically centered</p>

</div>

Advanced

What is the difference between order and offset classes?

• .order-*: Changes element order in flex containers.
• .offset-*: Adds left margin space in grids.

<div class="col-md-4 order-2 offset-md-1"></div>

Follow me on LinkedIn: