Pagination

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

								
<nav aria-label="Page navigation example">
  <ul class="pagination">
	<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>
								
							
								
<nav aria-label="Page navigation example">
  <ul class="pagination justify-content-start">
	<li class="page-item disabled">
	  <a class="page-link"><i class="fa-solid fa-arrow-left"></i></a>
	</li>
	<li class="page-item"><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="#"><i class="fa-solid fa-arrow-right"></i></a>
	</li>
  </ul>
</nav>

Already working together?

log in to your account and connect with your teammates!.