Bootstrap Navigation Components
Karty i pigułki
| Klasa | Opis | Przykład |
|---|
| .nav nav-tabs | Tworzy zakładki nawigacji | Spróbuj |
| .nav nav-pills | Tworzy pigułki nawigacyjnych | Spróbuj |
| .nav nav-pills nav-stacked | Tworzy pionowe pigułki nawigacyjnych | Spróbuj |
| .nav-justified | Sprawia zakładki Navigation / pigułki równych szerokościach rodzica, na ekranach szerszy niż 768px. Na mniejszych ekranów, klapki nav / tabletki są ułożone | Spróbuj |
| .disabled | Wskazuje niepełnosprawnego (unclickable kartę / tabletkę) | Spróbuj |
| zakładki nawigacji z menu rozwijanego | Spróbuj |
| pigułki nawigacji z menu rozwijanego | Spróbuj |
| .tab-content | Wraz z .tab-pane i data-toggle="tab" (data-toggle="pill" for pills) , to sprawia, że karta / pastylka toggable | Spróbuj |
| .tab-pane | Wraz z .tab-content i data-toggle="tab" (data-toggle="pill" for pills) , to sprawia, że karta / pastylka toggable | Spróbuj |
Breadcrumb i Pagination
| Klasa | Opis | Przykład |
|---|
| .breadcrumb | Tworzy menu nawigacyjne | Spróbuj |
| .pager | Zapewnia proste linki stronicowania (Poprzedni / następny) | Spróbuj |
| .previous | Wyrównuje .pager poprzedni przycisk po lewej stronie | Spróbuj |
| .next | Wyrównuje .pager obok przycisku w prawo | Spróbuj |
| .disabled | Wskazuje unclickable odnośnik | Spróbuj |
| .pagination | Zapewnia linki paginacji | Spróbuj |
| .pagination-lg | Używany razem z .pagination klasy zapewnienia większych linki paginacji | Spróbuj |
| .pagination-sm | Używany razem z .pagination klasie świadczenia mniejsze linki paginacji | Spróbuj |
| .disabled | Wskazuje unclickable odnośnik | Spróbuj |
| .active | Wskazuje bieżącą stronę | Spróbuj |
etykiety
| Klasa | Opis | Przykład |
|---|
| .label label-default | Wskazuje etykietę domyślny szary | Spróbuj |
| .label label-primary | Wskazuje niebieską etykietę typu "primary" | Spróbuj |
| .label label-success | Wskazuje zieloną etykietą typu "success" | Spróbuj |
| .label label-info | Wskazuje jasnoniebieski etykiety typu "info" | Spróbuj |
| .label label-warning | Wskazuje żółtą etykietę typu "warning" | Spróbuj |
| .label label-danger | Wskazuje czerwoną etykietą typu "danger" | Spróbuj |
| .badge | Wskazuje nowych lub nieprzeczytanych elementów | Spróbuj |
| .jumbotron | Wskazuje duże pole do wywoływania szczególną uwagę na funkcjonalny treści lub informacji | Spróbuj |
| .jumbotron (extra) | Niech .jumbotron box rozciągać się na całą szerokość, bez zaokrąglonych rogach, należy go umieścić na zewnątrz .container klasie | Spróbuj |