#### Components - Pagination

Statistics Invoices Schedule

###### Pagination layouts

Basic pagination layout examples

###### Bordered pagination

Default bordered pagination

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Flat pagination

Using `pagination-flat` class

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Separated pagination

Using `pagination-separated` class

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Bordered rounded

Using `.pagination-rounded` class

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Flat rounded

Using `.pagination-rounded-all` class

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Separated rounded

Using `.pagination-rounded-all` class

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Pagination options

Pagination sizes and positions

###### Bordered pagination

Default bordered pagination

- Prev
- 1
- 2
- 3
- 4
- Next

###### Flat pagination

Using `pagination-flat` class

- 1
- 2
- 3
- 4

###### Separated pagination

Using `pagination-separated` class

- Prev
- 1
- 2
- 3
- 4
- Next

###### Bordered pagination

Sizes of a `default` pagination

- ← Prev
- 1
- 2
- 3
- 4
- Next →

- ← Prev
- 1
- 2
- 3
- 4
- Next →

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Flat pagination

Sizes of a `flat` pagination

- ← Prev
- 1
- 2
- 3
- 4
- Next →

- ← Prev
- 1
- 2
- 3
- 4
- Next →

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Separated pagination

Sizes of a `separated` pagination

- ← Prev
- 1
- 2
- 3
- 4
- Next →

- ← Prev
- 1
- 2
- 3
- 4
- Next →

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Left position

Default left pagination position

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Center position

Centered pagination position

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Right position

Right pagination position

- ← Prev
- 1
- 2
- 3
- 4
- Next →

###### Pager component

Simple pager component

###### Default pager

Basic pager example

- ← Previous
- Next →

###### Aligned pager links

Links aligned to the sides

- ← Older
- Newer →

###### Disabled state

Pager with `disabled` utility class

- ← Older
- Newer →

###### Rounded pager

Example of a `rounded` pager

- ← Previous
- Next →

###### Aligned pager links

Aligned `rounded` links

- ← Older
- Newer →

###### Disabled state

Disabled state of `rounded` link

- ← Older
- Newer →

###### Linked pager

Pager buttons as grouped links

- ← Previous
- Next →

###### Aligned pager links

Aligned `linked` buttons

- ← Older
- Newer →

###### Disabled state

Disabled state of `linked` pager

- ← Older
- Newer →

###### Pager options

Pager sizes and positions

###### Default pager sizes

Large, default and small sizes

- ← Previous
- Next →

- ← Previous
- Next →

- ← Previous
- Next →

###### Rounded pager sizes

Large, default and small sizes

- ← Previous
- Next →

- ← Previous
- Next →

- ← Previous
- Next →

###### Linked pager sizes

Large, default and small sizes

- ← Previous
- Next →

- ← Previous
- Next →

- ← Previous
- Next →

###### Left position

Optional `left` pager position

- ← Previous
- Next →

###### Centered position

Default `centered` pager position

- ← Previous
- Next →

###### Right position

Optional `right` pager position

- ← Previous
- Next →

###### TWBS Pagination

Another dynamic pagination for Bootstrap

###### Basic example

Basic example with default options

Dynamic content here.

###### Flat pagination layout

Example with `flat` pagination

Dynamic content here.

###### Separated pagination

Example with `separated` pagination

Dynamic content here.

###### Prev/Next buttons

Configurable buttons text

Dynamic content here.

###### Set starting page

Specify page to show on start

Dynamic content here.

###### Visible pages

Display visible amount of pages

Dynamic content here.