You might have seen paginations at the bottom of any blog type website. It will either show previous
and next
, or page numbers
. Pagination helps visitors to easily navigate and skip some content of your website. It also comes in handy while creating a comments section with lots of comments to display.
Bootstrap paginations are also created using HTML's unordered list element You have to use the .pagination
class this time:
<ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#" class="active">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> <li><a href="#">»</a></li> </ul>...