Provide pagination links for your site or app

Basic Pagination

Example of basic bootstrap pagination.

Active & Disable

Use classes active, disable to get states.


Use class pagination-separated to get this style.

Rounded Pagination

Use class pagination-rounded to get rounded buttons.

No Border

Use class pagination-noborder to remove borders.

Custom Sizes

Use classes pagination-sm, pagination-lg to custom sizes.

Basic Pager

Quick previous and next links for simple pagination implementations.

Aligned links

Alternatively, you can align each link to the sides.

Disabled links

Pager links also use the general .disabled utility class from the pagination.


7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM


Notification Settings