bootstrap5 flex

(d-sm-flex)

d-sm-flex

display:flex

(d-md-inlineflex)

d-md-inlineflex

display:inline-flex;

(flex-row)

flex-row

flex-direction:row; row-reverse

(flex-column)

flex-column

flex-direction:column column-revese

(justify-content-start)

justify-content-start

justify-content:flex-start;

(justify-sm-content-end)

justify-sm-content-end

justify-content:flex-end;

(justify-content-center)

justify-content-center

-between -around

(jusitfy-content-evenly)

jusitfy-content-evenly

(align-items-md-start)

align-items-md-start

-end -center

(align-items-stretch)

align-items-stretch

-baseline

(align-self-end)

align-self-end

-start -center -baseline -stretch

(flex-fill)

flex-fill

flex-:1 1 auto;

(flex-lg-grow-1)

flex-lg-grow-1

flex-grow:1;

(flex-xl-shrink-1)

flex-xl-shrink-1

flex-shrink:1; flex-shrink-*

(flex-nowrap)

flex-nowrap

flex-wrap:nowrap;

(flex-sm-wrap)

flex-sm-wrap

flex-wrap:wrap; flex-wrap-reverse

(order-1)

order-1

order-* order-first order-last

(align-content-start)

align-content-start

align-content:flex-start;

(align-content-end)

align-content-end

aling-content:flex-end;

(align-content-center)

align-content-center

-between -around -stretch