Bootstrap Navigation Components
Вкладки и таблетки
| Класс | Описание | пример |
|---|
| .nav nav-tabs | Создает навигационные вкладки | Попробуй |
| .nav nav-pills | Создает навигационные таблетки | Попробуй |
| .nav nav-pills nav-stacked | Создает вертикальные навигационные таблетки | Попробуй |
| .nav-justified | Делает навигационные вкладки / таблетки равной ширины их родителя, на экранах шире 768px. На небольших экранах вкладки нав / таблетки уложены | Попробуй |
| .disabled | Указывает отключенную (unclickable) tab / таблетку | Попробуй |
| Навигация вкладки с ниспадающего меню | Попробуй |
| Навигация таблетки с ниспадающего меню | Попробуй |
| .tab-content | Вместе с .tab-pane - data-toggle="tab" (data-toggle="pill" for pills) .tab-pane и data-toggle="tab" (data-toggle="pill" for pills) , он делает вкладки / таблетку toggable | Попробуй |
| .tab-pane | Вместе с .tab-content - data-toggle="tab" (data-toggle="pill" for pills) .tab-content и data-toggle="tab" (data-toggle="pill" for pills) , он делает вкладки / таблетку toggable | Попробуй |
Иерархическая и Pagination
| Класс | Описание | пример |
|---|
| .breadcrumb | Делает хлебную крошку | Попробуй |
| .pager | Даются простые ссылки разбивки на страницы (Предыдущий / Следующий) | Попробуй |
| .previous | Выравнивает .pager предыдущую кнопку слева | Попробуй |
| .next | Выравнивает .pager следующая кнопка справа | Попробуй |
| .disabled | Указывает на unclickable ссылку | Попробуй |
| .pagination | Предоставляет ссылки разбивки на страницы | Попробуй |
| .pagination-lg | Используется вместе с .pagination класса , чтобы обеспечить большие ссылки разбивки на страницы | Попробуй |
| .pagination-sm | Используется вместе с .pagination класса , чтобы обеспечить меньшие ссылки разбивки на страницы | Попробуй |
| .disabled | Указывает на unclickable ссылку | Попробуй |
| .active | Указывает на текущую страницу | Попробуй |
Этикетки
| Класс | Описание | пример |
|---|
| .label label-default | Указывает метку по умолчанию серый | Попробуй |
| .label label-primary | Указывает на синюю метку типа "primary" | Попробуй |
| .label label-success | Указывает на зеленую метку типа "success" | Попробуй |
| .label label-info | Указывает на светло - голубой ярлык типа "info" | Попробуй |
| .label label-warning | Указывает на желтую метку типа "warning" | Попробуй |
| .label label-danger | Указывает на красную метку типа "danger" | Попробуй |
| .badge | Указывает на новые или непрочитанные элементы | Попробуй |
| .jumbotron | Указывает на большую коробку для вызова дополнительного внимания к признакам содержания или информации | Попробуй |
| .jumbotron (extra) | Для того, чтобы позволить .jumbotron окно охватывает всю ширину, и без закругленных углов, поместите его за пределами .container класса | Попробуй |