D-flex classes

Bootstrap 5 D-flex classes component

Responsive D-flex classes built with Bootstrap 5. Use d-flex classes to control the layout, align items, and manage spaces between the items.

Basic example

Use the d-flex class to enable flexbox in bootstrap and align the items to the desired position.

To learn more read Flexbox Docs.

Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Edit in sandbox 
        
            
          <div class="d-flex justify-content-start">...</div>
          <div class="d-flex justify-content-end">...</div>
          <div class="d-flex justify-content-center">...</div>
          <div class="d-flex justify-content-between">...</div>
          <div class="d-flex justify-content-around">...</div>
          <div class="d-flex justify-content-evenly">...</div>