Pagination

Pagination (.pagination) is a static navigation control for moving through a sequence of pages — like breadcrumb, it has no JavaScript behavior of its own; every page link is a plain anchor that navigates to a real URL.

<nav class="pagination flex direction-row" aria-label="Pagination">
  <ol class="pagination-list" role="list">
    <li><a class="btn pagination-link pagination-nav" href="?page=1" aria-label="Previous">‹</a></li>
    <li><a class="btn pagination-link" href="?page=1" aria-label="Page 1">1</a></li>
    <li><a class="btn btn-primary pagination-link" href="?page=2" aria-current="page" aria-label="Page 2">2</a></li>
    <li><a class="btn pagination-link" href="?page=3" aria-label="Page 3">3</a></li>
    <li><a class="btn pagination-link pagination-nav" href="?page=3" aria-label="Next">›</a></li>
  </ol>
  <p class="pagination-status">Page 2 of 3</p>
</nav>