Título
Breakpoint XS
Breakpoint SM
Breakpoint MD
Breakpoint LG
Breakpoint XL
Long version header (MD,LG,XL)
Short one (XS,SM)
|
Header2 |
Header3 |
Header4 |
Header5 |
Texto1 |
Texto2 |
Texto3 |
Texto4 |
Texto5 |
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
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