Align Items

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

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.

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
.d-ai-start Deprecated	align-items: flex-start
.d-ai-end Deprecated	align-items: flex-end