Flexbox

Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities.

Flexbox is a one-dimensional layout method for arranging items in rows or columns. Items flex (expand) to fill additional space or shrink to fit into smaller spaces. This article explains all the fundamentals.

.flex
.inline-flex
.sm-flex
.sm-inline-flex
.md-flex
.md-inline-flex
.lg-flex
.lg-inline-flex
.xl-flex
.xl-inline-flex
.xxl-flex
.xxl-inline-flex