Basic
A basic pagination with active item
Seprated
Pagination with seprated Next and Previous icons
To create seprated pagination use .prev-itemclass for the first item and .next-itemfor the last item
With icon and text
Pagination with icon and text
Only icons
Pagination with only icons
Success
Use class .pagination-successwith .pagination
Danger
Use class .pagination-dangerwith .pagination
Info
Use class .pagination-infowith .pagination
Warning
Use class .pagination-warningwith .pagination
Pagination Positions
use classes .justify-content-{direction}with .paginationto align your pagination
Left Aligned
Center Aligned
Right Aligned
Pagination Sizes
Use class .pagination-lgfor large size pagination & use .pagination-smfor small size pagination. For Default size no classes required.
Pagination Sizes With Border
Dynamic Pagination
We are using jQuery Pagination plugin. This jQuery plugin simplifies the usage of Bootstrap Pagintion. It uses appropriate classes: .pagination, .activeand .disabled.