Навигация Bootstrap 5
Базовая pagination
Если на вашем сайте много страниц, возможно, вам нужно добавить某种 pagination для каждой страницы.
Для создания базовой pagination, пожалуйста, добавьте .pagination класс добавляется к <ul> элементу. Затем добавьте .page-item к каждому <li> элементу и добавляется .page-link класс добавляется к <li> каждая ссылка в
实例
<ul class="pagination"> <li class="page-item"><a class="page-link" href="#">предыдущая страница</a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li>
Активный статус
.active Класс для "выделения" текущей страницы:
实例
<ul class="pagination"> <li class="page-item"><a class="page-link" href="#">предыдущая страница</a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item active"><a class="page-link" href="#">2</a></li>
Отключенный статус
.disabled Класс для ссылок, которые нельзя нажать:
实例
<ul class="pagination"> <li class="page-item disabled"><a class="page-link" href="#">предыдущая страница</a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li>
Размер pagination
Размеры блоков для pagination также могут быть увеличены или уменьшены:
Пожалуйста, добавьте класс для больших блоков .pagination-lg или для более мелких блоков добавить .pagination-sm Категория:
实例
<ul class="pagination pagination-lg"> <li class="page-item"><a class="page-link" href="#">предыдущая страница</a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li>
