Place Items

Utilities for controlling how grid items are aligned along their block and inline axis directions.

Classes

Class Output
.d-pli-center place-items: center !important;
.d-pli-center-end place-items: center end !important;
.d-pli-center-start place-items: center start !important;
.d-pli-center-stretch place-items: center stretch !important;
.d-pli-end-center place-items: end center !important;
.d-pli-end place-items: end !important;
.d-pli-end-start place-items: end start !important;
.d-pli-end-stretch place-items: end stretch !important;
.d-pli-start-center place-items: start center !important;
.d-pli-start-end place-items: start end !important;
.d-pli-start place-items: start !important;
.d-pli-start-stretch place-items: start stretch !important;
.d-pli-stretch-center place-items: stretch center !important;
.d-pli-stretch-end place-items: stretch end !important;
.d-pli-stretch-start place-items: stretch start !important;
.d-pli-stretch place-items: stretch !important;

Stretch

Use d-pli-stretch{-n} to stretch grid items along their block and inline axis.

Start

Use d-pli-start{-n} to align grid items along the start of their block and/or inline axis.

End

Use d-pli-end{-n} to align grid items along the end of their block and/or inline axis.

Center

Use d-pli-center{-n} to align grid items along the center of their block and/or inline axis.