Question

What is bootstrap pagination and how are they classified?

Answer 1

If your website has lots of pages, you might require adding some sort of pagination to each page.

<ul class="pagination">
   <li class="page-item"><a class="page-link" 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" href="#">4</a></li>
   <li class="page-item"><a class="page-link" href="#">Next</a></li>
 </ul>

Pagination is how Bootstrap handles an unordered list. The following classes are provided by bootstrap to manage pagination:

.pagination: This class is required to enable pagination on your page.

.disabled, .active: Use .disabled for unclickable links and .active to indicate the current page when customising links.

.pagination-Ig and .pagination-sm: use these to get different size items.