Chargement...

Layout Grids

We offer a responsives grid system facilitates your layouts.
grids

A grid is a percentage. For example, one-third class (one third) is a grid of 33% and will set up three columns of equal size. The grids are responsives, ie that on small displays such as mobile, a column will occupy the entire width.

Example
markdown code
{{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}}
List of grids
  • 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