Bootstrap Navigation Components
Schede e pillole
| Classe | Descrizione | Esempio |
|---|
| .nav nav-tabs | Crea schede di navigazione | Provalo |
| .nav nav-pills | Crea pillole di navigazione | Provalo |
| .nav nav-pills nav-stacked | Crea pillole di navigazione verticali | Provalo |
| .nav-justified | Rende schede di navigazione / pillole larghezze uguali di loro genitore, a schermi più ampio di 768px. Su schermi di piccole dimensioni, le schede NAV / pillole sono impilati | Provalo |
| .disabled | Indica un disabile (cliccabile) Scheda / pillola | Provalo |
| schede di navigazione con menu a discesa | Provalo |
| pillole di navigazione con menu a discesa | Provalo |
| .tab-content | Insieme a .tab-pane e data-toggle="tab" (data-toggle="pill" for pills) , rende la scheda / pillola toggable | Provalo |
| .tab-pane | Insieme a .tab-content e data-toggle="tab" (data-toggle="pill" for pills) , rende la scheda / pillola toggable | Provalo |
Breadcrumb e impaginazione
| Classe | Descrizione | Esempio |
|---|
| .breadcrumb | Fa un breadcrumb | Provalo |
| .pager | Fornisce una semplice link di paginazione (precedente / successivo) | Provalo |
| .previous | Allinea il .pager pulsante precedente a sinistra | Provalo |
| .next | Allinea il .pager pulsante accanto alla destra | Provalo |
| .disabled | Indica un collegamento cliccabile | Provalo |
| .pagination | Fornisce link di paginazione | Provalo |
| .pagination-lg | Utilizzato insieme al .pagination classe per fornire link di paginazione più grandi | Provalo |
| .pagination-sm | Utilizzato insieme al .pagination classe per fornire più piccoli link di paginazione | Provalo |
| .disabled | Indica un collegamento cliccabile | Provalo |
| .active | Indica la pagina corrente | Provalo |
Etichette
| Classe | Descrizione | Esempio |
|---|
| .label label-default | Indica un marchio di colore grigio di default | Provalo |
| .label label-primary | Indica un bollino blu di tipo "primary" | Provalo |
| .label label-success | Indica una etichetta verde di tipo "success" | Provalo |
| .label label-info | Indica un marchio azzurro di tipo "info" | Provalo |
| .label label-warning | Indica una etichetta gialla di tipo "warning" | Provalo |
| .label label-danger | Indica una etichetta rossa di tipo "danger" | Provalo |
| .badge | Indica elementi nuovi o non letti | Provalo |
| .jumbotron | Indica una grande scatola per richiamare l'attenzione in più per contenuto o informazione in vetrina | Provalo |
| .jumbotron (extra) | Per consentire l' .jumbotron scatola abbracciano l'intera larghezza, e senza angoli arrotondati, posizionarlo al di fuori del .container classe | Provalo |