SM
MD
LG
XL
Título Breakpoint XS Breakpoint SM Breakpoint MD Breakpoint LG Breakpoint XL
XXX
XXX
LG6
LG6
Long version header (MD,LG,XL) Short one (XS,SM) Header2 Header3 Header4 Header5
Texto1 Texto2 Texto3 Texto4 Texto5
1A
1B
2A
2BA
2BB
Long version header (SM,MD,LG,XL) Short one (XS) Header2 Header3 Header4 Header5
Texto1 Texto2 Texto3 Texto4 Texto5
Card title
Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link Another link
4A
4BA
4BB
5
5
5
5
5
5
5
5
5
5
Use justify-content utilities on flexbox containers to change the alignment of flex items on the main axis
parent row:justify-content-start
parent row:justify-content-start
parent row:justify-content-center
parent row:justify-content-center
parent row:justify-content-end
parent row:justify-content-end
parent row:justify-content-around
parent row:justify-content-around
parent row:justify-content-between
parent row:justify-content-between
Use align-items utilities on flexbox containers to change the alignment of flex items on the cross axis
parent row:align-items-start
parent row:align-items-start
parent row:align-items-start
parent row:align-items-center
parent row:align-items-center
parent row:align-items-center
parent row:align-items-end
parent row:align-items-end
parent row:align-items-end
parent row:align-items-end, element align-self-start
Use align-self utilities on flexbox items to individually change their alignment on the cross axis
align-self-start
align-self-center
align-self-end
Use align-content utilities on flexbox containers to align flex items together on the cross axis
parent row:align-content-center
parent row:align-content-center
parent row:align-content-center
parent row:align-content-center
parent row:align-content-center
parent row:align-content-center