Styles

Flex

l-flex

item
item
item

l-flex-spaced

item
item
item

l-flex-hcenter

item
item
item

l-flex-vcenter

item
item
item

l-flex-hcenter.l-flex-vcenter

item
item
item

Responsive flex

For responsive flex use

l-flex-(screen)
classes

The (screen) values are

screen-xs
screen-sm
screen-md
screen-ml
screen-lg

l-flex-screen-sm

item
item
item

l-flex-hcenter-screen-md

item
item
item