Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Progress bars
60% Complete
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
60% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Panels
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Labels
DefaultPrimarySuccessInfoWarningDanger
DefaultPrimarySuccessInfoWarningDanger
DefaultPrimarySuccessInfoWarningDanger
DefaultPrimarySuccessInfoWarningDanger
DefaultPrimarySuccessInfoWarningDanger
DefaultPrimarySuccessInfoWarningDanger
DefaultPrimarySuccessInfoWarningDanger
Tables
Optional table caption.
#
First Name
Last Name
Username
1
Mark
Otto
@mdo
2
Jacob
Thornton
@fat
3
Larry
the Bird
@twitter
Contextual classes
Class
Description
.active
Applies the hover color to a particular row or cell
.success
Indicates a successful or positive action
.info
Indicates a neutral informative change or action
.warning
Indicates a warning that might need attention
.danger
Indicates a dangerous or potentially negative action
#
Column heading
Column heading
Column heading
1
Column content
Column content
Column content
2
Column content
Column content
Column content
3
Column content
Column content
Column content
4
Column content
Column content
Column content
5
Column content
Column content
Column content
6
Column content
Column content
Column content
7
Column content
Column content
Column content
8
Column content
Column content
Column content
9
Column content
Column content
Column content
Forms
Newsletter
Aenean condimentum suscipit
Proin ullamcorper urna quis velit mollis molestie suscipit nisl consectetur uspendisse venenatis dolor et nunc iaculis ege uspendisse venenatis dolor et nunc iaculis ege