Bootstrap Navigation Components

Onglets et Pills

Classe	La description	Exemple
.nav nav-tabs	Crée des onglets de navigation	Essayez - le
.nav nav-pills	Crée des pilules de navigation	Essayez - le
.nav nav-pills nav-stacked	Crée des pilules de navigation verticale	Essayez - le
.nav-justified	Rend onglets de navigation / pilules largeurs égales de leurs parents, à des écrans plus large que 768px. Sur les petits écrans, les onglets de nav / pilules sont empilés	Essayez - le
.disabled	Indique une personne handicapée (unclickable) onglet / pilule	Essayez - le
onglets de navigation avec menu déroulant		Essayez - le
pilules de navigation avec menu déroulant		Essayez - le
.tab-content	Avec .tab-pane et des data-toggle="tab" (data-toggle="pill" for pills) les data-toggle="tab" (data-toggle="pill" for pills) , il fait l'onglet / pilule toggable	Essayez - le
.tab-pane	Avec .tab-content et des data-toggle="tab" (data-toggle="pill" for pills) les data-toggle="tab" (data-toggle="pill" for pills) , il fait l'onglet / pilule toggable	Essayez - le

Classe	La description	Exemple
.breadcrumb	Fait un breadcrumb	Essayez - le
.pager	Fournit des liens de pagination simples (Précédent / Suivant)	Essayez - le
.previous	Aligne le .pager bouton précédent vers la gauche	Essayez - le
.next	Aligne le .pager bouton suivant à droite	Essayez - le
.disabled	Indique un lien unclickable	Essayez - le
.pagination	Fournit des liens de pagination	Essayez - le
.pagination-lg	Utilisé conjointement avec le .pagination classe pour fournir de plus grands liens de pagination	Essayez - le
.pagination-sm	Utilisé conjointement avec le .pagination classe pour fournir des petits liens de pagination	Essayez - le
.disabled	Indique un lien unclickable	Essayez - le
.active	Indique la page en cours	Essayez - le

Classe	La description	Exemple
.label label-default	Indique une étiquette par défaut gris	Essayez - le
.label label-primary	Indique une étiquette bleue de type de "primary"	Essayez - le
.label label-success	Indique une étiquette verte du type de "success"	Essayez - le
.label label-info	Indique une étiquette bleu clair de type "info"	Essayez - le
.label label-warning	Indique une étiquette jaune de type "warning"	Essayez - le
.label label-danger	Indique une étiquette rouge du type de "danger"	Essayez - le
.badge	Indique les éléments nouveaux ou non lus	Essayez - le
.jumbotron	Indique une grande boîte pour appeler une attention particulière au contenu ou à l'information sélectionnée	Essayez - le
.jumbotron (extra)	Pour laisser le .jumbotron boîte couvrent toute la largeur, et sans coins arrondis, placez - le en dehors de la .container classe	Essayez - le