Pagination

Pagination is built with list HTML elements so screen readers can announce the number of available links.

Looking to use an icon or symbol in place of text for some pagination links? Be sure to provide proper screen reader support with aria attributes and the .sr-only utility.

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

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

This pagination style has large clickable areas for each page, the current page clearly stands out from the links. Add .pagination-rounded for rounded button