Bootstrap Flex
Use the d-flex class to create a flex container and tranform direct children into flex items.
Centering Elements
Flex Item A
Flex Item B
Flex Item C
Flex Row
Flex Item A
Flex Item B
Flex Item C
Flex Row Reverse
Flex Item A
Flex Item B
Flex Item C
Creating Space Between Elements
Flexbox With Margin
Flex Item A
Flex Item B
Flex Item C
Flex Item D
Nested Flex Elements
Flex Item A
Flex Item B
Flex Item C
Flex Item D