Pagination
Examples for showing pagination to indicate a series of related content exists across multiple pages.
Basic Pagination
Pagination with active item
Pagination with Icon
Change prev and next button into icon
Pagination Color
To add pagination with different color option, use class
.pagination-{colorName}
with .pagination
class.
Pagination Size
Fancy larger or smaller pagination? Add .pagination-lg
or
.pagination-sm
for additional sizes.
Alignment
Change the alignment of pagination components with flexbox utilities.