Pagination

Pagination helps indicate that a series of related content spans across multiple pages.

<nav aria-label="Page navigation example">
  <ul class="pagination flex-wrap gap-2">
    <li class="page-item">
      <a class="page-link" href="#">Previous</a>
    </li>
    <li class="page-item active">
      <a class="page-link" href="#">1</a>
    </li>
    <li class="page-item">
      <a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a>
    </li>
    <li class="page-item">
      <a class="page-link" href="#">Next</a>
    </li>
  </ul>
</nav>

Pagination in Bootstrap docs launch