Alerts

Basic Alerts

× Success! This is a success message.
× Info! This is an information message.
× Warning! This is a warning message.
× Error! This is a danger message.

Block Alerts

×

Success!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Info!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Error!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Progress Bars

Basic progress bars

60% Complete
60% Complete (success)
60% Complete (warning)
60% Complete (info)
60% Complete (danger)

Striped progress bars

Internet Explorer doesn't support striped progress bars!
60% Complete
60% Complete (success)
60% Complete (info)
60% Complete (warning)
60% Complete (danger)

Animated progress bars

Internet Explorer doesn't support animated progress bars!
60% Complete
60% Complete (success)
60% Complete (info)
60% Complete (warning)
60% Complete (danger)
Labels & Badges

Available labels

Labels Markup
Default <span class="label label-default">
Success <span class="label label-primary">
Success <span class="label label-success">
Info <span class="label label-info">
Warning <span class="label label-warning">
Danger <span class="label label-danger">

Badges

Modals & Notifications
Modal dialog Alert


Tooltips, Popovers & Pagination
Pagination