xs sm md lg xl xxl

Display Flex

Display Flex .d-flex


Display Inline Flex .d-inline-flex

Display Flex Responsive

.d-inline-flex .d-lg-flex

.d-flex .d-lg-inline-flex

Direction

none

Caja 1
Caja 2
Caja 3

d-flex flex-row

Caja 1
Caja 2
Caja 3

d-flex flex-row-reverse

Caja 1
Caja 2
Caja 3

d-flex flex-column

Caja 1
Caja 2
Caja 3

d-flex flex-column-reverse

Caja 1
Caja 2
Caja 3

Direction Responsive

d-flex flex-column flex-lg-row

Caja 1
Caja 2
Caja 3

d-flex flex-column flex-lg-row

Caja 1
Caja 2
Caja 3

Justify Content

d-flex justify-content-start

Caja 1
Caja 2
Caja 3

d-flex justify-content-center

Caja 1
Caja 2
Caja 3

d-flex justify-content-end

Caja 1
Caja 2
Caja 3

d-flex justify-content-between

Caja 1
Caja 2
Caja 3
Caja 4

d-flex justify-content-around

Caja 1
Caja 2
Caja 3
Caja 4

d-flex justify-content-evenly

Caja 1
Caja 2
Caja 3
Caja 4

Justify Content Responsive

d-flex justify-content-center justify-content-lg-between

Caja 1
Caja 2
Caja 3
Caja 4