Please wait...


DEFAULT PAGINATION Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

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

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


DEFAULT EXAMPLE By default, the pager centers links.

ALIGNED LINKS Alternatively, you can align each link to the sides:

OPTIONAL DISABLED STATE Pager links also use the general .disabled utility class from the pagination.