new VlGrid()

Description

De grid(.vl-grid) dient om de lay-out van jouw pagina in orde te brengen. Je kan vl-grid vergelijken met de Row element in Bootstrap.

Properties
Name Type Description
data-vl-is-stacked boolean

Voeg marge toe tussen gestapelde kolommen.

data-vl-is-stacked-small boolean

Voeg wat minder marge toe tussen gestapelde kolommen. Het gebruik van "data-vl-is-stacked" is in dit geval overbodig.

data-vl-is-stacked-large boolean

Voeg wat meer marge toe tussen gestapelde kolommen. Het gebruik van "data-vl-is-stacked" is in dit geval overbodig.

data-vl-align-start boolean

Aligneer een of meerdere kolommen links.

data-vl-align-center boolean

Centreer een of meerdere kolommen horizontaal.

data-vl-align-end boolean

Aligneer een of meerdere kolommen rechts.

data-vl-align-space-between boolean

Laat zoveel mogelijke ruimte tussen kolommen.

data-vl-align-space-around boolean

Laat zoveel mogelijke ruimte rond kolommen..

data-vl-v-top boolean

Aligneer een of meerdere kolommen bovenaan.

data-vl-v-center boolean

Centreer een of meerdere kolommen verticaal.

data-vl-v-bottom boolean

Aligneer een of meerdere kolommen onderaan.

data-vl-v-stretch boolean

Rek de kolommen tot aan hun maximum hoogte.

Details

HTMLDivElement

nativeVlElement