Bootstrap Pagination

tutorial and example
tutorial and example

Bootstrap Basic Pagination

Bootstrap pagination is used to short multiple web pages of our website. We can control multiple page link easily by using pagination.

There are following classes of Pagination:

Class Description
.pagination It is used to create pagination of web pages.
.disabled, .active You can create .disabled for unclickable links and .active to indicate the current page.
.pagination-lg, .pagination-sm It is used to get different size items.

Let us see an example of Bootstrap Pagination:

Try Now

Bootstrap Active state

The bootstrap Active state is used to specifies the current page which is active.We have to use .activeclass.

Let us see an example of Bootstrap Pagination:

Try Now

Bootstrap Disable State

The bootstrap disables state is used disable the link that cannot be clicked. You have to use .disableclass.

Let us see an example of Bootstrap Disable State:

Try Now

Bootstrap Pagination Sizing

We can use the size of pagination block by using its class. We have to use .pagination-lg and .pagination-sm class.

Let us see an example of Bootstrap Pagination Sizing:

Try Now

Bootstrap Breadcrumbs

Bootstrap Breadcrumbs is another form for pagination. We have to use .breadcrumb class

Let us see an example of Bootstrap Pagination Sizing:

Try Now