Fondation Grid - empilés horizontalement
L'exemple suivant crée un système de grille de base sur les périphériques PC et les tablettes qui sont carrelées horizontalement, sur les téléphones mobiles et autres petits appareils qui sont empilés horizontalement.
Exemples
<Class Div = "ligne">
<Class Div = "moyenne-6 colonnes" style = "background-color: yellow;">
<P> Ce tutoriel </ p>
</ Div>
<Class Div = "moyenne-6 colonnes" style = "background-color: rose;">
<P> Ce tutoriel </ p>
</ Div>
</ Div>
<Class Div = "moyenne-6 colonnes" style = "background-color: yellow;">
<P> Ce tutoriel </ p>
</ Div>
<Class Div = "moyenne-6 colonnes" style = "background-color: rose;">
<P> Ce tutoriel </ p>
</ Div>
</ Div>
Essayez »
 | Astuce: .small|medium|large-* numéro de classe spécifie le nombre de colonnes enjambé. Donc, .small-1 à travers un, .small-4 sur 4, .small-6 couvrant six (50% de largeur) et analogues. Remarque: Pour veiller à ce que le nombre de colonnes ajouter jusqu'à 12! |
|---|