Please wait...

Default Pagination

Default Pagination looks with border or without space.

Disabled And Active States

Use .disabled for unclickable links and .active to indicate the current page.


Add .pagination-lg or .pagination-sm for additional sizes.

Pagination Without Border

Simply use class .pagination_without_border

Pagination With Space

Simply use class .pagination-space for pagination with space


Default Example

By default, the pager centers links.

Align Links

Alternatively, you can align each link to the sides:

Optional Disabled State

Simply use class .disabled

Pager Round

Add .pager-round to quickly create a rounded pager