Pagination | Bootstrap Based Admin Template - Material Design

Please wait...

SKINS
SETTINGS

Red
Pink
Purple
Deep Purple
Indigo
Blue
Light Blue
Cyan
Teal
Green
Light Green
Lime
Yellow
Amber
Orange
Deep Orange
Brown
Grey
Blue Grey
Black

GENERAL SETTINGS

Report Panel Usage
Email Redirect

SYSTEM SETTINGS

Notifications
Auto Updates

ACCOUNT SETTINGS

Offline
Location Permission

PAGINATION

DEFAULT PAGINATION Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

1
2
3
4
5

DISABLED AND ACTIVE STATES Links are customizable for different circumstances. Use `.disabled` for unclickable links and `.active` to indicate the current page.

1
2
3
4
5

SIZING Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for additional sizes.

Large

1
2
3
4
5

Default

1
2
3
4
5

Small

1
2
3
4
5

PAGER

DEFAULT EXAMPLE By default, the pager centers links.

ALIGNED LINKS Alternatively, you can align each link to the sides:

OPTIONAL DISABLED STATE Pager links also use the general `.disabled` utility class from the pagination.