Flex
Learn how to implement flexbox properties using Bootstrap.
The introduction of display: flex
property.
Types
Flex displays can be one of two types:
-
.d-flex
: Flex -
.d-inline-flex
: Inline flex
The flex-direction
classes
We can easily change the direction of items present in an element with flex.
The flex-direction
classes we can use in Bootstrap include:
.flex-row
.flex-row-reverse
.flex-column
.flex-column-reverse
We can also change the flex layout in different screen sizes by using breakpoints. Let’s take a look at the flex-direction
classes in action.
Get hands-on with 1200+ tech skills courses.