@@include('./parts/head.html', { "plugin_fa_icons": true, "plugin_mdi_icons": true, "plugin_ion_icons": true, "plugin_wi_icons": true, "plugin_rickshaw": false, "plugin_nvd3": false, "plugin_flot": false, "plugin_sparkline": false, "plugin_markitup": false, "plugin_ckeditor": false, "plugin_select2": false, "plugin_dropzone": false, "plugin_tagsinput": false, "plugin_clockpicker": false, "plugin_pikaday": false, "plugin_spectrum": false, "plugin_inputmask": false, "plugin_parsley": false, "plugin_gmaps": false, "plugin_jvectormap": false, "plugin_datatables": false, "plugin_fullcalendar": false, "plugin_simpleweather": false, "plugin_prettify": true })
@@include('./parts/top-navbar.html') @@include('./parts/sidebar.html', { "page": "css-alerts", "classes": "yay-shrink yay-hide-to-small yay-gestures" })<div class="alert"> <strong>Oh snap!</strong> Change a few things up and try submitting again. </div>
<div class="alert green lighten-4 green-text text-darken-2"> <strong>Well done!</strong> You successfully read this important alert message. </div> <div class="alert blue lighten-2 white-text"> <strong>Heads up!</strong> This alert needs your attention, but it's not super important. </div> <div class="alert orange lighten-2 white-text"> <strong>Warning!</strong> Better check yourself, you're not looking too good. </div>
.alert-dismissible
and close button.
<div class="alert alert-dismissible orange lighten-4 orange-text text-darken-2"> <strong>Warning!</strong> Better check yourself, you're not looking too good. <button class="close">×</button> </div>
<div class="alert alert-border-left"> <strong>Oh snap!</strong> Change a few things up and try submitting again. </div> <div class="alert green lighten-4 green-text text-darken-2 alert-border-right"> <strong>Well done!</strong> You successfully read this important alert message. </div> <div class="alert blue lighten-4 blue-text text-darken-2 alert-border-top"> <strong>Heads up!</strong> This alert needs your attention, but it's not super important. </div> <div class="alert orange lighten-4 orange-text text-darken-2 alert-border-bottom"> <strong>Warning!</strong> Better check yourself, you're not looking too good. </div>
<div class="alert orange lighten-4 orange-text text-darken-2"> <h4>Warning!</h4> <p>Better check yourself, you're not looking too good.</p> <p><a class="btn waves-effect orange z-depth-0" href="#!">Okay</a></p> </div> <div class="alert alert-border-bottom cyan lighten-4 cyan-text text-darken-2"> <h4>Warning!</h4> <p>Better check yourself, you're not looking too good.</p> <p> <a class="btn waves-effect cyan z-depth-0" href="#!">Okay</a> <a class="btn waves-effect white cyan-text text-darken-2 z-depth-0" href="#!">Cancel</a> </p> </div>