Bootstrap - Démo réactive
Bootstrap fournit quelques classes d'assistance, pour un développement plus rapide et compatible avec les mobiles. Ceux-ci peuvent être utilisés pour afficher et masquer le contenu par appareil via une requête multimédia, combinés avec des appareils grands, petits et moyens.
Utilisez-les avec parcimonie et évitez de créer des versions entièrement différentes du même site. Responsive utilities are currently only available for block and table toggling.
| Des classes | Dispositifs |
|---|---|
| .visible-xs | Très petit (moins de 768 pixels) visible |
| .visible-sm | Petit (jusqu'à 768 pixels) visible |
| .visible-md | Moyen (768 px à 991 px) visible |
| .visible-lg | Plus grand (992 pixels et plus) visible |
| .hidden-xs | Très petit (moins de 768 pixels) masqué |
| .hidden-sm | Petit (jusqu'à 768 px) masqué |
| .hidden-md | Moyen (768 px à 991 px) masqué |
| .hidden-lg | Plus grand (992 px et plus) masqué |
| Exemple | La description | Lien de téléchargement |
|---|---|---|
| Carte sensible | Cet exemple indique la structure de la carte dans Bootstrap | Télécharger |
| Témoignages simples | Cet exemple indique la structure des témoignages dans Bootstrap | Télécharger |
| Grille vidéo | Cet exemple indique la structure de la grille vidéo dans Bootstrap | Télécharger |
| Image de bannière | Cet exemple indique la structure de l'image de la bannière dans Bootstrap | Télécharger |
| Carrousel avec indicateurs de visage | Cet exemple indique à propos du carrousel avec la structure des indicateurs de visage dans Bootstrap | Télécharger |