twitter-bootstrap-3
Boutons
Recherche…
Paramètres
| Classe | La description |
|---|---|
| btn-default | Bouton standard. @ marque par défaut: #fff |
| btn-primaire | Fournit un poids visuel supplémentaire et identifie l'action primaire. @ marque primaire: assombrir (# 428bca, 6,5%); |
| btn-success | Utilisé pour indiquer une action réussie. @ succès de la marque: # 5cb85c; |
| btn-info | Bouton contextuel pour fournir des informations. @ marque-info: # 5bc0de; |
| btn-warning | Indique que la prudence doit être appliquée par l'utilisateur. @ alerte de marque: # f0ad4e; |
| btn-danger | Indique une action dangereuse ou négative. @ marque-danger: # d9534f; |
| btn-link | Utilisez pour le lien. |
Types de boutons
<button class="btn btn-default" type="button">Default</button>
<button class="btn btn-primary" type="button">Primary</button>
<button class="btn btn-success" type="button">Success</button>
<button class="btn btn-info" type="button">Info</button>
<button class="btn btn-warning" type="button">Warning</button>
<button class="btn btn-danger" type="button">Danger</button>
<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">
Taille du bouton
La classe de démarrage du bouton de taille est la suivante:
.btn-lg
.btn-md
.btn-sm
.btn-xs
Par exemple :
<button type="button" class="btn btn-primary btn-lg">Large</button>
<button type="button" class="btn btn-primary btn-md">Medium</button>
<button type="button" class="btn btn-primary btn-sm">Small</button>
<button type="button" class="btn btn-primary btn-xs">XSmall</button>
Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow