Pagination
Basic Pagination
Use the pagination class to create a pagination.
Outlined Pagination
Use the pagination-outlined class to create an outlined pagination.
More Pagination Indicator
Use
pagination-link-more
class in
span
tag to add more pagination indicator.
Pagination With Icon
Example of pagination with next and previous icon.
Pagination Shapes
Use
pagination-square
and
pagination-circle
classes to change a pagination's shape.
Pagination Sizes
Use
pagination-sm
,
pagination-md
and
pagination-lg
classes to customize pagination size. Default is
pagination-md
.
Pagination Positions
Use
pagination-start
,
pagination-center
and
pagination-end
classes to set pagination position. Default is
pagination-start
.
Pagination Colors
Use
pagination-{color}
classes to change pagination color. Default is pagination-primary
Disabled Pagination
Use
disabled
class with
pagination-item
to make a pagination item disable.