Justify Items

Utilities for controlling how grid items align along their inline axis.

Classes

Class Output
.d-ji-center justify-items: center !important;
.d-ji-end justify-items: end !important;
.d-ji-start justify-items: start !important;
.d-ji-left justify-items: left !important;
.d-ji-right justify-items: right !important;
.d-ji-baseline justify-items: baseline !important;
.d-ji-first-baseline justify-items: first-baseline !important;
.d-ji-last-baseline justify-items: last-baseline !important;
.d-ji-stretch justify-items: stretch !important;
.d-ji-safe justify-items: safe !important;
.d-ji-unsafe justify-items: unsafe !important;
.d-ji-normal justify-items: normal !important;
.d-ji-legacy justify-items: legacy !important;
.d-ji-auto justify-items: auto !important;
.d-ji-unset justify-items: unset !important;

Auto

Use d-ji-auto to justify grid items automatically along their inline axis. This is the default value.

Start

Use d-ji-start to justify items against the start of their inline axis. Note that this does not work on flexed objects, only grid objects.

End

Use d-ji-end to justify items against the end of their inline axis. Note that this does not work on flexed objects, only grid objects.

Center

Use d-ji-center to justify items to the center of their inline axis.