1====== Alerts ====== 2 3Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. 4 5===== Examples ===== 6 7<alert type="success"> 8**Well done!** You successfully read this important alert message. 9</alert> 10 11<alert type="info"> 12**Heads up!** This alert needs your attention, but it's not super important. 13</alert> 14 15<alert type="warning"> 16**Warning!** Better check yourself, you're not looking too good. 17</alert> 18 19<alert type="danger"> 20**Oh snap!** Change a few things up and try submitting again. 21</alert> 22 23<code html5> 24<alert type="success">...</alert> 25<alert type="info">...</alert> 26<alert type="warning">...</alert> 27<alert type="danger">...</alert> 28</code> 29 30==== Dismissible alerts ==== 31 32Build on any alert by adding an optional ''dismiss'' option. 33 34<alert type="warning" dismiss="true">**Warning!** Better check yourself, you're not looking too good.</alert> 35 36<code html5><alert type="warning" dismiss="true">**Warning!** Better check yourself, you're not looking too good.</alert></code> 37 38==== Alert with icon ==== 39 40<alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert> 41 42<code html5><alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert></code> 43 44===== Options ===== 45 46<datatable info="false" paging="false" searching="true"> 47^ Name ^ Default ^ Values ^ Description ^ 48| ''type'' | ''info'' | ''success'' ''info'' ''warning'' ''danger'' | Type of alert | 49| ''dismiss'' | optional | ''true'' | Create a dismissible alert | 50| ''icon'' | optional | | Font icon class (eg. Glyphicon or Font-Awesome) | 51</datatable>