Pagination is the grouping of data on various pages like a textbook where data of same importance is usually posted on the same page for better accessibility. Pagination is highly scalable and provides larger click areas which are hard to miss. Pagination can be used along with tables and is useful for paginating search results.
Following is a basic example of bootstrap pagination:
<ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul>
Adding .active
to <li>
will highlight the current page link:
<li class='active'><a href="#">3</a></li>
Adding .disabled
to <li>
will disable the page link and make it unclickable:
<li class='disabled'><a href="#">3</a></li>
3.16.135.36