Bootstrap Navigation Components
Guias e Pills
| Classe | Descrição | Exemplo |
|---|
| .nav nav-tabs | Cria guias de navegação | Tente |
| .nav nav-pills | Cria pílulas de navegação | Tente |
| .nav nav-pills nav-stacked | Cria pílulas navegação vertical | Tente |
| .nav-justified | Faz guias de navegação / pílulas larguras iguais de seus pais, em telas mais amplo do que 768px. Em telas menores, as guias nav / pílulas são empilhados | Tente |
| .disabled | Indica uma deficientes (unclickable) guia / comprimido | Tente |
| guias de navegação com menu dropdown | Tente |
| pílulas de navegação com menu dropdown | Tente |
| .tab-content | Juntamente com .tab-pane e data-toggle="tab" (data-toggle="pill" for pills) , faz a guia / toggable pílula | Tente |
| .tab-pane | Juntamente com .tab-content e data-toggle="tab" (data-toggle="pill" for pills) , faz a guia / toggable pílula | Tente |
Breadcrumb e paginação
| Classe | Descrição | Exemplo |
|---|
| .breadcrumb | Faz um breadcrumb | Tente |
| .pager | Fornece links de paginação simples (anterior / seguinte) | Tente |
| .previous | Alinha o .pager botão anterior à esquerda | Tente |
| .next | Alinha o .pager próximo botão à direita | Tente |
| .disabled | Indica uma ligação unclickable | Tente |
| .pagination | Fornece links de paginação | Tente |
| .pagination-lg | Usado em conjunto com o .pagination classe para fornecer links de paginação maiores | Tente |
| .pagination-sm | Usado em conjunto com o .pagination classe para fornecer links de paginação menores | Tente |
| .disabled | Indica uma ligação unclickable | Tente |
| .active | Indica a página atual | Tente |
Labels
| Classe | Descrição | Exemplo |
|---|
| .label label-default | Indica uma etiqueta padrão cinza | Tente |
| .label label-primary | Indica uma etiqueta azul do tipo "primary" | Tente |
| .label label-success | Indica uma etiqueta verde do tipo "success" | Tente |
| .label label-info | Indica um rótulo azul claro do tipo "info" | Tente |
| .label label-warning | Indica uma etiqueta amarela do tipo "warning" | Tente |
| .label label-danger | Indica uma etiqueta vermelha do tipo "danger" | Tente |
| .badge | Indica itens novos ou não lidos | Tente |
| .jumbotron | Indica uma caixa grande para chamar a atenção extra a conteúdo ou informação em destaque | Tente |
| .jumbotron (extra) | Para deixar o .jumbotron caixa de abranger toda a largura, e sem cantos arredondados, colocá-lo fora do .container classe | Tente |