Skip to main content

Pagination

Use pagination to indicate a series of related content exists across multiple pages.

<nav aria-label="...">
<ul class="pagination">
<li class="page-item mx-1 disabled">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
</li>
<li class="page-item mx-1 active">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item mx-1">
<a class="page-link" href="#">2</a></li>
<li class="page-item mx-1"><a class="page-link" href="#">3</a>
</li>
<li class="page-item mx-1">
<a class="page-link" href="#">Next</a>
</li>
</ul>
</nav>

Bootstrap Documentation