Pagination

  • 3
    Notifications
    • user

      Emay Walter liked your post

      10 minutes ago
    • user

      Allie Gratershared your post

      5 hours ago
    • user

      Colin Sikcommented on your post

      yesterday
    • Check all
  • 2
    user
    Jane Cooper

    active

    • user

      Hello.how are you?

    • user

      Hi, i'm fine.what about you?

    • user

      I am facing js issue can you help me?

    • user

      Sure, i will help you.

  • 2
    Cart
    empty
    Oops! Your cart empty!!!
  • profile

    Wade Warren

    UI Designer
user

Wade Warren

UI Designer

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.