Djain - Bootstrap 4 Pagination

Pagination

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

Pagination

<nav aria-label="...">

<ul class="pagination">

   <li class="page-item disabled">

      <span class="page-link">Previous</span>

   </li>

   <li class="page-item"><a class="page-link" href="#">1</a></li>

   <li class="page-item active" aria-current="page">

      <span class="page-link">

      2

      <span class="sr-only">(current)</span>

      </span>

   </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>