Bootstrap Pagination

Pagination is mostly important if a website contains a lot of webpages. Bootstrap pagination consist of styled link, which are organized in a horizontal list. For a basic pagination you have to use .pagination class inside the <ul> tag.

Example:

Bootstrap Pagination active Class

By active state you can understand the current page on which you are active. To use active state you should add .active class within the specific <li> tag.

Example:

Bootstrap Pagination disabled Class

To use disable state you should add .disabled class within the specific <li> tag.

Example:

Sizing of Pagination

You can increase or decrease the size of pagination using .pagination-lg or .pagination-sm class accordingly.

Example:

Bootstrap breadcrumb Class

There is an another form of Bootstrap pagination. You can use it by adding .breadcrumb class. It specifies the active location inside a navigational hierarchy.

Example: