Boutons

Etats des boutons

Standard buttons
	Defaut	Hover / Focus	Désactivé	Classe
Bouton primaire				`.btn.btn-primary`
Bouton primaire avec icone				`.btn.btn-primary`
Bouton secondaire				`.btn.btn-secondary`
Bouton secondaire avec icone				`.btn.btn-secondary`
Bouton tertiaire				`.btn.btn-tertiary`
Bouton tertiaire avec icone				`.btn.btn-tertiary`
Bouton Success				`.btn.btn-success`
Bouton Success avec icone				`.btn.btn-success`
Bouton Danger				`.btn.btn-danger`
Bouton Danger avec icone				`.btn.btn-danger`

Boutons avec icone

Il est possible d'ajouter une icone dans les boutons en utilisant les ressources de fontawesome :

<button class="btn btn-primary"><i class="fas fa-ambulance"></i>Bouton</button>

<a href="#" class="btn btn-primary"><i class="fas fa-ambulance"></i>Lien</a>

Tailles de boutons

Ajouter btn-lg ou btn-sm sur les boutons :

<button class="btn btn-primary btn-lg">Bouton</button>
<button class="btn btn-primary">Bouton</button>
<button class="btn btn-primary btn-sm">Bouton</button>

Groupes

Il est également possible de grouper des boutons (utilisé pour le formulaire de saisie du NPS par exemple)

<div class="btn-group" role="group" aria-label="Exemple">
    <button type="button" class="btn btn-primary">Salade</button>
    <button type="button" class="btn btn-primary">Tomates</button>
    <button type="button" class="btn btn-primary">Oignons</button>
</div>