Pagination

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

nav(aria-label="Pagination")
	ul.pagination.mb-0
		li.page-item
			a.page-link.text-muted(href="#") Previous
		li.page-item
			a.page-link(href="#") 1
		li.page-item
			a.page-link(href="#") 2
		li.page-item
			a.page-link(href="#") 3
		li.page-item
			a.page-link.text-muted(href="#") Next
<nav aria-label="Pagination">
	<ul class="pagination mb-0">
		<li class="page-item">
			<a class="page-link text-muted" href="#">Previous</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 text-muted" href="#">Next</a>
		</li>
	</ul>
</nav>

Visit Bootstrap documentation to learn more about this component


Version 2.0.0, hello@getreplacer.com

To spread the power of good design