Layout

Grilles

Des grilles avec Grid Layout.

Supposons que l’on veuille…

– Aligner 2 éléments de même largeur à partir des tablettes (medium)
– Aligner 5 éléments sur des écrans larges

# 2 éléments équivalents **sur tablettes et au-delà (à partir de medium) /** grid-half-m

1
2

# 5 éléments sur écrans très larges / 1-3-5

1
2
3
4
5

 <!-- 2 éléments équivalents-->
<ul class="grid-layout grid-half-m has-gutter">
  <li>1</li>
  <li>2</li>
</ul>
<!-- 5 éléments -->
<ul class="grid-layout grid-1-3-5 has-gutter">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

Notes

Notes