Moving between pages has become less common with the advent of longer pages and AJAX loading, but it can still be useful for long, repetitive listings or content.<\/p>\n
To create the arrows, make sure you have In some instances, you’ll want you pagination to be centered within a container. We’ve got you covered! Just wrap your unordered list in something that has a defined width and add the class, Side nav, like you’ll see here on the left, is useful for sections of either a site or a page.<\/p>\n This simple sub nav is great for moving between different states of a page. We use these frequently to show iterations of something, typically by date, but they’re also handy for filters like these.<\/p>\nclass=\"arrow\"<\/code> as your first and last list items.
\nTo mark the current page, use class=\"current\"<\/code>
\nAdd a class of .inactive<\/code> to a list item to make it not clickable, like for the ellipsis in the middle.
\nThe page numbers and symbols are always inside of an anchor that you’ll link to the page.<\/p>\n\n
Centered Pagination<\/h3>\n
.pagination-centered.<\/code><\/p>\n\n
Side Navigation<\/h3>\n
\n
Sub Nav<\/h3>\n