logologo

Pagination

Default Pagination

You can set pagination using aria-label="Search results pages.

Pagination With Active And Disabled

for links that appear un-clickable and .disabled , .active to indicate the current page.

Pagination With Icons

Use an icon or symbol in place of text for some pagination links.

Rounded Pagination

Used in rounded pagination[.rounded-circle]

Pagination Alignment

Change the alignment of pagination components with flexbox utilities. For example, with .justify-content-center:.

Pagination Sizing

Use [pagination-lg/pagination-md/pagination-sm]for additional sizes.