×

Html & Html5

The World's best Software Development Study Portal

Bootstrap Pagination


If we are having more pages in web pages and we want to link up these pages than we can use pagination.
Let’s understand this by the following program :-


Basic Pagination





Output of this Program


Pagination

So here we can add our pages like this and can go through any page we want to.



active class

This .active class is used to highlight the current page .
Let’s understand them by this program :-







Output of this Program


Pagination

Here through .active class we can highlight any of the pages.



Pagination Sizing

Definitely here also we can change the size of blocks . And we use .pagination class for it.
Let’s understand this by the following program :-





Output of this Program


Pagination-sizing

Large:

Default:

Small:

Here we change the pagination-size.






Bootstrap 4 training insitute | Best IT Training classes in Gurgaon | Web Designing Training Institute