Guide de personnalisation des champs markdown
Grilles de mise en page
Nous vous proposons un système de grilles responsives facilitant vos mises en page.
Grilles
Une grille s'exprime en pourcentage. Par exemple, la classe one-third (un tiers) représente une grille de 33% et mettra en place trois colonnes de taille équivalente. Les grilles sont responsives, c'est à dire que sur des petits écrans comme les mobiles, une colonne occupera la totalité de la largeur.
Exemple
Grille sur 3 colonnes
Grille sur 3 colonnes
Grille sur 3 colonnes
Code markdown
{{grid}}
{{grid-item:one-third}}
Grille sur 3 colonnes
{{end}}
{{grid-item:one-third}}
Grille sur 3 colonnes
{{end}}
{{grid-item:one-third}}
Grille sur 3 colonnes
{{end}}
{{end}}
Liste des grilles
- one-whole
- Halves
- one-half
- Thirds
- one-third
- two-thirds
- Quarters
- one-quarter
- two-quarters
- three-quarters
- Fifths
- one-fifth
- two-fifths
- three-fifths
- four-fifths
- Sixths
- one-sixth
- two-sixths
- three-sixths
- four-sixths
- five-sixths
- Sevenths
- one-seventh
- Eighths
- one-eighth
- two-eighths
- three-eighths
- four-eighths
- five-eighths
- six-eighths
- seven-eighths
- Tenths
- one-tenth
- two-tenths
- three-tenths
- four-tenths
- five-tenths
- six-tenths
- seven-tenths
- eight-tenths
- nine-tenths
- Twelfths
- one-twelfth
- two-twelfths
- three-twelfths
- four-twelfths
- five-twelfths
- six-twelfths
- seven-twelfths
- eight-twelfths
- nine-twelfths
- ten-twelfths
- eleven-twelfths