Bootstrap Navigation Components
Fichas y píldoras
| Clase | Descripción | Ejemplo |
|---|
| .nav nav-tabs | Crea pestañas de navegación | Intentalo |
| .nav nav-pills | Crea pastillas de navegación | Intentalo |
| .nav nav-pills nav-stacked | Crea pastillas de navegación verticales | Intentalo |
| .nav-justified | Hace pestañas de navegación / píldoras anchuras iguales de sus padres, en pantallas más anchas que 768px. En pantallas más pequeñas, las pestañas de navegación / pastillas se apilan | Intentalo |
| .disabled | Indica una persona discapacitada (unclickable) Pestaña / píldora | Intentalo |
| con pestañas de navegación menú desplegable | Intentalo |
| pastillas de navegación con el menú desplegable | Intentalo |
| .tab-content | Junto con .tab-pane y data-toggle="tab" (data-toggle="pill" for pills) , hace que la pestaña / toggable píldora | Intentalo |
| .tab-pane | Junto con .tab-content y data-toggle="tab" (data-toggle="pill" for pills) , hace que la pestaña / toggable píldora | Intentalo |
Miga de pan y la paginación
| Clase | Descripción | Ejemplo |
|---|
| .breadcrumb | Hace una miga de pan | Intentalo |
| .pager | Proporciona enlaces de paginación simples (Anterior / Siguiente) | Intentalo |
| .previous | Alinea el .pager botón anterior a la izquierda | Intentalo |
| .next | Alinea el .pager botón situado junto a la derecha | Intentalo |
| .disabled | Indica un enlace unclickable | Intentalo |
| .pagination | Proporciona enlaces de paginación | Intentalo |
| .pagination-lg | Se utiliza junto con el .pagination clase para proporcionar enlaces de paginación más grandes | Intentalo |
| .pagination-sm | Se utiliza junto con el .pagination clase para proporcionar enlaces de paginación más pequeños | Intentalo |
| .disabled | Indica un enlace unclickable | Intentalo |
| .active | Indica la página actual | Intentalo |
Etiquetas
| Clase | Descripción | Ejemplo |
|---|
| .label label-default | Indica una etiqueta de color gris por defecto | Intentalo |
| .label label-primary | Indica una etiqueta azul de tipo "primary" | Intentalo |
| .label label-success | Indica una etiqueta verde del tipo "success" | Intentalo |
| .label label-info | Indica una etiqueta de color azul claro del tipo de "info" | Intentalo |
| .label label-warning | Indica una etiqueta amarilla de tipo "warning" | Intentalo |
| .label label-danger | Indica una etiqueta roja del tipo "danger" | Intentalo |
| .badge | Indica elementos nuevos o no leídos | Intentalo |
| .jumbotron | Indica una caja grande para llamar la atención adicional al contenido o información ofrecida | Intentalo |
| .jumbotron (extra) | Para permitir que el .jumbotron cuadro abarcan todo el ancho, y sin esquinas redondeadas, lo coloca fuera del .container clase | Intentalo |