Avenger Admin Theme

2
10
3

# Pagers & Paginations

## Pagination

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

### Default Pagination

Simple, scable pagination by adding the `.pagination` class. You can also add `.disable` for unselectable links or `.active` to indicate current page

- 1
- 2
- 3
- 4
- 5

    <ul class="pagination">
      <li class="disabled"><a href="#"><i class="fa fa-angle-left"></i></a></li>
      <li class="active"><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">5</a></li>
      <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
    </ul>

### Sizing

Add smaller or larger pagination with the `.pagination-lg` or `.pagination-sm` class

Large `pagination-lg`

- 1
- 2
- 3
- 4
- 5

Regular `pagination`

- 1
- 2
- 3
- 4
- 5

Small `pagination-sm`

- 1
- 2
- 3
- 4
- 5

### Positioning

Paginations can be placed anywhere with any alignments by wrapping the pagination with `div` and giving it a `text-left`, `text-center` or `text-right` class

### Pagination Left

`text-left`

- 1
- 2
- 3
- 4
- 5

### Pagination Center

`text-center`

- 1
- 2
- 3
- 4
- 5

### Pagination Right

`text-right`

- 1
- 2
- 3
- 4
- 5

## Pager

### Default Pager

Quick previous and next links for simple pagination implementations with light markup and styles

Just add the class `.pager` to a `ul`

- Previous
- Next

    <ul class="pager">
      <li><a href="#">Previous</a></li>
      <li><a href="#">Next</a></li>
    </ul>

### Aligned Links

Alternatively, you can align each link to the sides by adding the `.previous` and `.next` classes to the li

- Older
- Newer

#### Sparkline Stats

- Earnings
  $22,500
- Orders
  4,750

More Sparklines

#### Recent Activity

- Jean Alanis invited 3 unconfirmed members 2 mins ago
- Anthony Ware is now following you 4 hours ago
- Bruce Ory commented on Dashboard UI 16 hours ago
- Roxann Hollingworthis now following you Feb 13, 2015

See all activities

#### Milestones

UI Design
12/16
UX Design
8/24
Frontend Development
8/40
Backend Development
24/48
See All

#### Contacts

- Jeremy Potter
- David Tennant
- Anna Johansson
- Alan Doyle
- Simon Corbett
- Polly Paton

See All
Demo Settings
Fixed Header
Boxed Layout
Collapse Leftbar
Collapse Rightbar
Horizontal Icons
Header Colors

Sidebar Colors
Boxed Layout Options