Grille Foundation - Empilement horizontal
L'exemple suivant crée un système de grille de base qui se dispose horizontalement sur les PC et les tablettes, et s'empile sur les petits appareils tels que les téléphones.
Exemple
<div
class="row">
<div class="medium-6 columns" style="background-color:yellow;">
<p>Exemple</p>
</div>
<div class="medium-6 columns" style="background-color:pink;">
<p>Exemple</p>
</div>
</div>
<div class="medium-6 columns" style="background-color:yellow;">
<p>Exemple</p>
</div>
<div class="medium-6 columns" style="background-color:pink;">
<p>Exemple</p>
</div>
</div>
Essayez-le vous-même »
 |
Astuce : .small|medium|large-*Le nombre dans la classe indique le nombre de colonnes à couvrir. Ainsi,.small-1Couvre 1 colonne,.small-4Couvre 4 colonnes,.small-6Couvre 6 colonnes (50% de largeur), etc.Remarque :Assurez-vous que les nombres totalisent 12 colonnes ! |
|---|