Jane Smith Back

Hey! How's it going?

1:20:42 PM

Not bad... i guess. What about you? Haven't gotten any updates from you in a long time.

1:20:46 PM

Yeah! I've been a bit busy lately. I'll get back to you soon enough.

1:20:54 PM

Alright, take care then.

1:21:01 PM
Current Balance
Account Type
Business Plan A
Upgrade Account
Backend Development
Today 25%
Bug Fix
Tomorrow 17%
Javascript Code
Preparing Documentation
App Development
View all Pending
1.31 GB of 1.50 GB used



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

<ul class="pagination">
  <li class="disabled"><a href="#"><i class="fa fa-angle-double-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-double-right"></i></a></li>


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

Large pagination-lg

Regular pagination

Small pagination-sm


Default Pager

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

Just add the class .pager to a ul

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

Aligned Links

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

Date Paginator

A jQuery plugin which takes Twitter Bootstrap's already great pagination component and injects a bit of date based magic. In the process creating a hugely simplified and modularised way of paging date based results in your application.

Default Date Paginator

Default initialization, with no extra options set

With Event Handler (On Date Selected) Try selecting a date

Fired when the selected date changes. You can bind to it using either the callback handler or the standard jQuery .on method

Large Date Paginator

As easy as setting {size: "large"}

Small Date Paginator

Simply set {size: "small"}