Default Pagination

Provide pagination links for your site or app with the multi-page pagination component.

Basic Pagination

Default pagination without next previous.

Pagination with Next/Prev Arrows

Default pagination with next previous icons.

Separated Pagination with Next/Prev Arrows

For Separated pagination, use class .pagination-separate with Next Previous Icons.

Flat Pagination

Flat pagination need class .pagination-flat to .pagination class.

Flat Pagination with Next/Prev Arrows

Flat pagination need class .pagination-flat to .pagination class.

With boundary link

Flat pagination need class .pagination-flat to .pagination class.

Pagination Round Style
Round Pagination

Round Style pagination use .round-pagination to .pagination class.

Round Style Pagination with Next/Prev Arrows

Round Style pagination use .round-pagination to .pagination class with Previous Next Icons.

Separated Round Styled Pagination

Separated Round Style pagination use .round-pagination & .pagination-separate to .pagination class.

Separated Round Styled Pagination with Next/Prev Arrows

Separated Round Style pagination use .round-pagination & .pagination-separate to .pagination class with Previous Next Icons.

Separated Flat Round Styled Pagination

Separated Flat Round Styled pagination need class .pagination-flat with round and separated styled classes.

Separated Flat Round Styled Pagination with Next/Prev Arrows

Separated Flat Round Styled pagination need class .pagination-flat with round and separated styled classes & previous next icons.

Curved Pagination Border Style

Separated Curve Styled Pagination

Separated Curved pagination need class .pagination-curved with separated class.

Separated Curved Styled Pagination with Next/Prev Arrows

Separated Curved pagination need class .pagination-curved with separated class & Previous Next Icons.

Saperated Curved Flat Styled Pagination

Saperated Curved Flat pagination need class .pagination-flat with .pagination-separate.pagination-curved classes.

Saperated Curved Flat Styled Pagination with Next/Prev Arrows

Saperated Curved Flat pagination need class .pagination-flat with .pagination-separate.pagination-curved classes with Previous Next Icons.

Pagination Positions

Use wrapper classes for pagination. To align left, use class .justify-content-start. To align center, use class .justify-content-center. To align right, use class .justify-content-end.

Left Align
Center Align
Right Align

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 With Border