Vertical Align

XS

Portrait Phones

<576px

SM

Landscape Phones

≥576px to <768px

MD

Tablets

≥768px to <992px

LG

Laptops

≥992px to <1200px

XL

Desktops

≥1200px

Vertical Align

.align-* = { baseline, top, middle, bottom }
.align-text-* = { top, bottom }

baseline top middle bottom text-top text-bottom

Please note

Vertical-align only affects inline, inline-block, inline-table, and table cell elements.

Vertical Align [table]

.align-* = { baseline, top, middle, bottom }
.align-text-* = { top, bottom }

baseline

top

middle

bottom

text-top

text-bottom