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