メインコンテンツまでスキップ

Justify

justify の Utility クラスです。

JustifyContent

justify-content は start(flex-start), end(flex-end), center, between(space-between), around(space-around) の 5 種類あります。

JustifyItems

justify-items は start, end, center, stretch の 4 種類あります。

JustifySelf

justify-self は auto, start, end, center, stretch の 4 種類あります。

Responsive

各種 class は ab-{breakpoint}-{property} でレスポンシブ対応しています。

ab-flex-justify-xx は非推奨

justify-content は flexbox のみに限定されていないため、ab-flex-justify-xx を非推奨とし ab-justify-xx を推奨とします。

  • ab-flex-justify-start
  • ab-flex-justify-end
  • ab-flex-justify-center
  • ab-flex-justify-between
  • ab-flex-justify-around