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 options, use class .pagination-{colorName} with .pagination class.

Pagination Size

Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.


Change the alignment of pagination components with flexbox utilities.