Pagination

Default Pagination

Use .pagination inside <nav> for accessible, easy-to-click page links.

Alignment

Align pagination using flexbox utilities, such as .justify-content-center to center it.

Custom Color Pagination

Add classes like .pagination-primary, .pagination-info, or .pagination-secondary to customize pagination color.

Disabled and active states

Add .disabled and tabindex="-1" to .page-item to make it non-interactive.

Custom Icon Pagination

Add icons like <i class="ti ti-chevron-**"></i> or SVGs inside .page-link for custom pagination arrows.

Sizing

Use .pagination-lg or .pagination-sm to change pagination size.

Boxed Pagination

Use .pagination-boxed with .pagination to give pagination items a boxed appearance.

Rounded Pagination

Use .pagination-rounded with .pagination to create rounded pagination links.

Soft Pagination

Use .pagination-soft-** with .pagination for a soft-colored pagination style.

© UBold By Coderthemes