FLEX ROW & FLEX ITEMS
d-flex flex-row
Flex Item
Flex Item
Flex Item
FLEX ROW REVERSE
d-flex flex-row-reverse
Flex Item
Flex Item
Flex Item
JUSTIFY CONTENT START (DEFAULT)
d-flex flex-row justify-content-start
Flex Item
Flex Item
Flex Item
JUSTIFY CONTENT CENTER
d-flex flex-row justify-content-center
Flex Item
Flex Item
Flex Item
JUSTIFY CONTENT END
d-flex flex-row justify-content-end
Flex Item
Flex Item
Flex Item
JUSTIFY CONTENT SPACE AROUND
d-flex flex-row justify-content-around
Flex Item
Flex Item
Flex Item
JUSTIFY CONTENT SPACE BETWEEN
d-flex flex-row justify-content-between
Flex Item
Flex Item
Flex Item
FLEX CONTAINER / FLEX COLUMN
d-flex flex-column
Flex Item
Flex Item
Flex Item
FLEX CONTAINER / FLEX COLUMN REVERSE
d-flex flex-column-reverse
Flex Item
Flex Item
Flex Item
VERTICAL ALIGN ITEMS TOP (DEFAULT)
d-flex flex-row align-items-start
Flex Item
Flex Item
Flex Item
VERTICAL ALIGN ITEMS CENTER
d-flex flex-row align-items-center
Flex Item
Flex Item
Flex Item
VERTICAL ALIGN ITEMS BOTTOM
d-flex flex-row align-items-end
Flex Item
Flex Item
Flex Item
VERTICAL ALIGN ITEMS BASELINE (DEFAULT)
d-flex flex-row align-items-baseline
Flex Item
Flex Item
Flex Item
VERTICAL ALIGN ITEMS STRETCH
d-flex flex-row align-items-stretch
Flex Item
Flex Item
Flex Item
RESPONSIVE VERTICAL ALIGN
d-flex flex-row align-items-md-center align-items-sm-end
Flex Item
Flex Item
Flex Item
ALIGN SELF
align-self-start
align-self-center
align-self-end
align-self-baseline
align-self-stretch
RESPONSIVE ALIGN SELF
align-self-md-start
align-self-md-center
align-self-md-end
align-self-md-baseline
align-self-md-stretch