Align Items

Utilities for setting how an element's is aligned along an element's cross axis.

Classes

Class Output
.d-ai-flex-start align-items: flex-start
.d-ai-flex-end align-items: flex-end
.d-ai-center align-items: center
.d-ai-baseline align-items: baseline
.d-ai-stretch align-items: stretch
.d-ai-normal align-items: normal
.d-ai-unset align-items: unset

Stretch

Use d-ai-stretch to stretch items across the element's cross axis. This is the default value.

Flex Start

Use d-ai-flex-start to align items to the start of the element's cross axis.

Center

Use d-ai-center to distribute items along the center of the element's cross axis.

Flex End

Use d-ai-flex-end to distribute items from the end of the element's cross axis.