Introduction to Bootstrap 5 Flexbox

What is Flexbox?

Flexbox is a layout system used to create flexible and responsive designs without using floats or positioning.

Why use Flexbox?

• Easily align elements horizontally & vertically
• Create equal-height columns
• Control spacing and order
• Works great for responsive layouts

Example: Basic Flexbox Class

<div class="d-flex">
  <div class="p-3 bg-primary text-white">Flex Item 1</div>
  <div class="p-3 bg-success text-white">Flex Item 2</div>
</div>

Output:

d-flex makes the container a flexbox.