Pagination
Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.
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.
Example
Disabled and Active States
Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.
Example
Sizing
Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.
Example
Pager
Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines.
Default Pager
By default, the pager centers links.
Example
Aligned Links
Alternatively, you can align each link to the sides:
Example
Optional Disabled State
Pager links also use the general .disabled utility class from the pagination.
Example
