Бутстрап Пагинация

Базовая нумерация страниц

Если у вас есть веб-сайт с большим количеством страниц, вы можете добавить разбиение на страницы для каждой страницы.

Базовая пагинация в Bootstrap выглядит так:

• 1
• 2
• 3
• 4
• 5

Чтобы создать базовую разбивку на страницы, добавьте .paginationкласс к <ul>элементу:

Активное состояние

Активное состояние показывает, что такое текущая страница:

• 1
• 2
• 3
• 4
• 5

Добавьте класс .active, чтобы пользователь знал, на какой странице он находится:

Отключенное состояние

Неактивная ссылка не может быть нажата:

• 1
• 2
• 3
• 4
• 5

Добавить класс .disabled, если ссылка по какой-то причине отключена:

Размер страницы

Блоки пагинации также можно увеличить или уменьшить:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

Добавьте класс .pagination-lgдля больших блоков или .pagination-smдля меньших блоков:

Панировочные сухари

Еще одна форма нумерации страниц — хлебные крошки:

1. Домой
2. Частный
3. Фотографий
4. Отпуск

Класс .breadcrumbуказывает местоположение текущей страницы в навигационной иерархии:

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

Полное руководство по навигации по Bootstrap

Полный справочник по всем классам навигации см. в нашем полном Справочнике по навигации по Bootstrap .