Warning! This is a warning message.
Success! This is a success message.
Info! This is an information message.
Error! This is an error message.
Block Alerts
×
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.
×
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.
×
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.Basic progress bars
Striped progress bars
Internet Explorer doesn't support striped progress bars!
Animated progress bars
Internet Explorer doesn't support animated progress bars!
Available labels
| Labels | Markup |
|---|---|
| Default |
<span class="label">
|
| Success |
<span class="label label-success">
|
| Warning |
<span class="label label-warning">
|
| Important |
<span class="label label-important">
|
| Info |
<span class="label label-info">
|
| Inverse |
<span class="label label-inverse">
|
Available badges
| Name | Example | Markup |
|---|---|---|
| Default | 1 |
<span class="badge">
|
| Success | 2 |
<span class="badge badge-success">
|
| Warning | 4 |
<span class="badge badge-warning">
|
| Important | 6 |
<span class="badge badge-important">
|
| Info | 8 |
<span class="badge badge-info">
|
| Inverse | 10 |
<span class="badge badge-inverse">
|