Classes de style
Les classes de style peuvent être utile pour contrôler le visuel pour les petits appareils (mobile).
Le tableau suivant vous présente une liste des classes de style:
Classe |
Description |
sm-width-auto |
Règle la largeur de l'élément sur auto pour les petits appareils |
sm-width10 |
Règle la largeur de l'élément à 10px pour les petits appareils. Les valeurs possibles sont: 10, 20, 30, 40, 50, 60, 70, 80, 100, 120, 140, 160, 180, 200, 250, 300 et 350 |
sm-height-auto |
Règle la hauteur de l'élément sur auto pour les petits appareils |
sm-height5 |
Règle la hauteur de l'élément à 5px pour les petits appareils. Les valeurs possibles sont: 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 70, 80, 90, 100, 120, 140, 160, 180, 200, 250, 300, 350, 400, 450, 500, 550, 600, 700, 800, 900 et 1000 |
sm-fs-8 |
Règle la taille de police de l'élément à 8px pour les petits appareils. Les valeurs possibles sont: 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 30, 34 et 36 |
column |
Utilisée pour les petits appareils afin d'obtenir un design responsive. Elle affiche l'élément dans un bloc dont la largeur sera à 100% |
column-center |
Même chose que la classe "column" mais l'élément sera centré |
hide-small |
Masque l'élément pour les petits appareils. Utilisez "display none". |
show-small |
Montre l'élément pour les petits appareils. Utilisez "display block" |
show-small-inline |
Montre l'élément pour les petits appareils. Utilisez "display inline-block" au lieu de "block". |
Voir aussi: