The introduction of flexA CSS layout design built using the display: flex property. in CSS has significantly improved the development process. The flex display property eases the process of adjusting content.

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.