Bouton Couleurs
Tailles des boutons
Active/Disabled Boutons
Bouton de niveau bloc
de
Classes de boutons
Les classes ci - dessous peuvent être utilisés pour le style de toute <a>, <button> ou <input> élément:
Classe | La description | Exemple |
---|---|---|
.btn | Ajoute le style de base à tout bouton | Essayez - le |
.btn-default | Indique un bouton par défaut / standard | Essayez - le |
.btn-primary | Fournit poids visuel supplémentaire et identifie l'action principale dans un ensemble de boutons | Essayez - le |
.btn-success | Indique une action réussie ou positive | Essayez - le |
.btn-info | bouton contextuel pour les messages d'alerte d'information | Essayez - le |
.btn-warning | Indique la prudence doit être pris avec cette action | Essayez - le |
.btn-danger | Indique une action dangereuse ou potentiellement négative | Essayez - le |
.btn-link | Fait un bouton ressembler à un lien (aura encore le comportement du bouton) | Essayez - le |
.btn-lg | Fait un grand bouton | Essayez - le |
.btn-sm | Fait un petit bouton | Essayez - le |
.btn-xs | Fait un petit bouton supplémentaire | Essayez - le |
.btn-block | Fait un bouton de niveau bloc (couvre toute la largeur de l'élément parent) | Essayez - le |
.active | Rend le bouton apparaisse activé | Essayez - le |
.disabled | Rend le bouton désactivé | Essayez - le |