We use a large block of connected links for our pagination, making links hard to miss and easily scalable—all while providing large hit areas.

• Previous
• 1
• 2
• 3
• 4
• 5
• Next

Fancy larger or smaller pagination? Add .pagination-{lg|sm} for additional sizes.

• Previous
• 1
• 2
• 3
• Next

• Previous
• 1
• 2
• 3
• Next

• Previous
• 1
• 2
• 3
• Next

Pagination links are customizable for different circumstances. Use .disabled for links that appear un-clickable and .active to indicate the current page.

• Previous
• 1
• 2
• 3
• 4
• 5
• Next

Change the alignment of pagination component with flexbox utilities.

• Previous
• 1
• 2
• 3
• 4
• 5
• Next

• Previous
• 1
• 2
• 3
• 4
• 5
• Next

• Previous
• 1
• 2
• 3
• 4
• 5
• Next