Alerts
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Examples
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
<alert type="success">...</alert> <alert type="info">...</alert> <alert type="warning">...</alert> <alert type="danger">...</alert>
Dismissible alerts
Build on any alert by adding an optional dismiss
option.
Warning! Better check yourself, you're not looking too good.
<alert type="warning" dismiss="true">**Warning!** Better check yourself, you're not looking too good.</alert>
Alert with icon
Warning! Better check yourself, you're not looking too good.
<alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert>
Options
Name | Default | Values | Description |
---|---|---|---|
type | info | success info warning danger | Type of alert |
dismiss | optional | true | Create a dismissible alert |
icon | optional | Font icon class (eg. Glyphicon or Font-Awesome) |