Paginations

  2. Bonus Ui
  3. Pagination

Default Pagination

If the pagination component is used to navigate between a set of search results, an appropriate label could be aria-label="Search results pages".

Pagination With Active And Disabled

Use .disabled for links that appear un-clickable and .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.Use an icon or symbol in place of text for some pagination links.[.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-lg] for additional sizes.