HOME Tuto Ziratsu

CSS

Le système de grille








Le Système de Grille de Materialize

Pour utiliser la grille, on met une div .row qui contient les div .col

1 .col .s1
2 .col .s1
3 .col .s1
4 .col .s1
5 .col .s1
6 .col .s1
7 .col .s1
8 .col .s1
9 .col .s1
10 .col .s1
11 .col .s1
12 .col .s1
Pour centrer les div au milieu avec une marge de part et d'autre, div .container

Toujours 12 Colonnes .col .s12

Small 12 Col, Medium 6 et large 3 .col .s12 .m6 .l3


Cette div est poussée de 5 col vers la droite .push-s5
Div tirée vers gauche .pull-s7
Cette div est poussée de 5 col vers la droite à partir de large .push-l5
Div tirée vers gauche à partir de large .pull-l7

Décalé .offset-s3
Décalé
Décalé
Cacher suivant les tailles d'écrans :

Caché tout le temps : .hide

Tout le temps caché
Caché seulement au Medium .hide-on-med-only
Caché en dessous de Medium .hide-on-med-and-down