Pagination

If you have a large amount of content and you want to separate it for make easy to understand for user then you must use pagination. Bootstrap pagination provide navigation that links to multiple pages within a series. In Bootstrap you should add .pagination class in <ul> element to create pagination.

Example of Code

<nav>
  <ul class="pagination justify-content-center">
    <li class="page-item"><a href="#" class="page-link">Previous</a></li>
    <li class="page-item"><a href="#" class="page-link">1</a></li>
    <li class="page-item"><a href="#" class="page-link">2</a></li>
    <li class="page-item"><a href="#" class="page-link">3</a></li>
    <li class="page-item"><a href="#" class="page-link">4</a></li>
    <li class="page-item"><a href="#" class="page-link">5</a></li>
    <li class="page-item"><a href="#" class="page-link">Next</a></li>
  </ul>
</nav>

Output