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="YOUR ICON"></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.

© Paces By Coderthemes
10GB of 250GB Free.
Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

Select Theme
Default
Minimal
Modern
Material
SaaS
Flat
Galaxy
Luxe
Retro
Neon
Pixel
Soft
Mono
Prism
Nova
Zen
Elegant
Vivid
Matrix
Neo
Silver
Xenon
Color Scheme
Light
Dark
System
Topbar Color
Light
Dark
Gray
Gradient
Sidenav Color
Light
Dark
Gray
Gradient
Image
Sidebar Size
Default
Compact
Condensed
On Hover
On Hover - Show
Offcanvas
Layout Width
Fluid
Boxed
Layout Direction
LTR
RTL
Layout Position