- Home
- Components
- Pagination
Pagination
Default pagination
Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.You can optionally swap out active or disabled anchors for <span>
, or omit the anchor in the case of the prev/next arrows, to remove click functionality while retaining intended styles.
Sizing
Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.Dismissing
Using the alert JavaScript plugin, it's possible to dismiss any alert inline. Here's how:- Be sure you've loaded the alert plugin, or the compiled Bootstrap JavaScript.
- Add a dismiss button and the
.alert-dismissible
class, which adds extra padding to the right of the alert and positions the.close
button. - On the dismiss button, add the
data-dismiss="alert"
attribute, which triggers the JavaScript functionality. Be sure to use the<button>
element with it for proper behavior across all devices. - To animate alerts when dismissing them, be sure to add the
.fade
and.in
classes.
Holy guacamole! You should check in on some of those fields below.