Oh snap! You got an error!
Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Custom message : Hello world !
Success message : You successfully read this important message.
Info message : This alert needs your attention.
Warning message : Warning! Best check yo self.
Error message : Oh snap! Change a few things up.
<div class="alert alert-midnight alert-dismissible fade in"> <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button> <h4>Oh snap! You got an error!</h4> Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.<br /><br /> <button class="btn btn-danger" type="button">Take this action</button> <button class="btn btn-warning" type="button">Or do this</button></div> <div class="alert alert-custom"> <i class="fa fa-gear fa-spin"></i> Custom message : Hello world ! <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button></div> <div class="alert alert-success"> <i class="fa fa-check-circle"></i> Success message : You successfully read this important message. <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button></div> <div class="alert alert-info"> <i class="fa fa-info-circle"></i> Info message : This alert needs your attention. <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button></div> <div class="alert alert-warning"> <i class="fa fa-exclamation-triangle"></i> Warning message : Warning! Best check yo self. <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button></div> <div class="alert alert-danger"> <i class="fa fa-exclamation-circle"></i> Error message : Oh snap! Change a few things up. <button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button></div>