Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
Pagination on BootstrapUse .pagination inside <nav> for
accessible, easy-to-click page links.
Align pagination using flexbox utilities, such as .justify-content-center
to center it.
Add classes like .pagination-primary, .pagination-info,
or .pagination-secondary to customize pagination color.
Add .disabled and tabindex="-1" to .page-item
to make it non-interactive.
Add icons like ⟨ng-icon name="iconName"⟩
or SVGs inside .page-link for custom pagination arrows.
Use .pagination-lg or .pagination-sm to change
pagination size.
Use .pagination-boxed with .pagination to give
pagination items a boxed appearance.
Use .pagination-rounded with .pagination to
create rounded pagination links.
Use .pagination-soft-** with .pagination for a
soft-colored pagination style.