Skip to main content

Flex Containers

Utility classes to create flex and inline-flex containers.

Usage​

The flex and inline-flex utility classes not only set the display property but also vertically center-align items and clear vertical margins, which are desirable in the majority of our use cases.

tip

To set only the display value, use display--f or display--if instead.

flex​

Create a flex container with the flex utility class.

inline-flex​

Create a flex container that flows like an inline element with its siblings.