Flex
These utilities provide a way to manage flex layout using classes. A good understanding of CSS flex layout is needed to use them properly. Get an overview of the CSS flex rules with The Flexbox cheatsheet.
Control how flew items wrap in a flex container.
Wrap
Usage
u-flex-wrap(@[breakpoint])
Examples
Amsterdam
Brussels
Cairo
Doha
Edinburgh
Freetown
Georgetown
Helsinki
u-flex u-flex-wrap
Wrap reverse
Usage
u-flex-wrap-reverse(@[breakpoint])
Examples
Amsterdam
Brussels
Cairo
Doha
Edinburgh
Freetown
Georgetown
Helsinki
u-flex u-flex-wrap-reverse
No wrap
Usage
u-flex-nowrap(@[breakpoint])
Examples
Amsterdam
Brussels
Cairo
Doha
Edinburgh
Freetown
Georgetown
Helsinki
u-flex u-flex-nowrap