Basic
A basic pagination with active item
Seprated
Pagination with seprated Next and Previous icons
To make space between seprated icons of pagination use .previous
class for the first item and
.next
for the last item
Without Border
To create pagination without border, use .pagination-borderless
class along with
.pagination
class.
Color Option
To add pagination with different color option, use class .pagination-{colorName}
with
.pagination
class.
Pagination Positions
use classes .justify-content-{direction}
with .pagination
to align your
pagination
Left Aligned
Center Aligned
Right Aligned
Pagination Sizes
Add .pagination{sm | lg}
along with .pagination
for small or large size pagination.For Default size no classes required.