Bottoni

La classe .btn trasforma in un bottone questi elementi: a, button, input

Ai bottoni si possono assegnare 7 stili e 4 ordini di grandezza:


Stili:
.btn-default
.btn-primary
.btn-success
.btn-info
.btn-warning
.btn-danger
.btn-link

Grandezze:
.btn-lg
.btn-md (default)
.btn-sm
.btn-xs
		

Esempi

Elementi

Link


				
		
Link

Stili


Misure


Combina più bottoni

Classe: .btn-group


Combina più gruppi in una toolbar

Classi: .btn-group e .btn-toolbar


Dimensioni di un gruppo di bottoni

.btn-group-lg/sm/xs


Organizza il gruppo in verticale

Classe: .btn-group-vertical


Gruppi di checkbox o radio

Combiniamo data-toggle=”button” con un .btn-group di input radio o checkbox, per rappresentarli come un gruppo di bottoni.