[ bracket ]

Pagination

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

Default Pagination

Simple pagination inspired by Rdio, great for apps and search results.

Split Pagination

Links are split to each other by adding a class of .pagination-split

Sizing

Add .pagination-lg or .pagination-sm for additional sizes.

Pager

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

Default

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.

Progress Bars

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

Basic Progress

Default progress bar. Progress bars use some of the same button and alert classes for consistent styles.

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete

Striped Progress

Uses a gradient to create a striped effect. Not available in IE8

40% Complete (success)

Animated Progress

Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.

40% Complete (success)

Ajax Loader Images

Labels & Badges

Labels

Add any of the below mentioned modifier classes to change the appearance of a label.

Default Primary Success Info Warning Danger

Badges

Easily highlight new or unread items by adding below to links, navs, and more.

42 10 28 90 33 21

Badge Example

Adapts to active nav states.

Online Users
  • Eileen Sideways Los Angeles, CA
  • 2 Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
Offline Users
  • Eileen Sideways Los Angeles, CA
  • Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
Favorites
  • Eileen Sideways Los Angeles, CA
  • Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
History
  • Eileen Sideways Hi hello, ctc?... would you mind if I go to your...
  • Zaham Sindilmaca This is to inform you that your product that we...
  • Nusja Nawancali Are you willing to have a long term relat...
Settings