Body Color:
Menu Color:
Main Color:
Banner Background:
  • background1
  • background2
  • background3
  • background4
  • background5
  • background6
  • background7
  • background8
  • background9
  |  Register
You are here : Features  >  Alerts
Tuesday , November , 12 2024

Alerts Styles for success, warning, and error messages

Default alert

Warning! Best check yo self, you're not looking too good.
<div class="alert alert-block fade in">
  <button type="button" class="close" data-dismiss="alert">&times;</button>  
<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>

Error or danger

Oh snap! Change a few things up and try submitting again.
<div class="alert alert-error alert-block fade in">
 <button type="button" class="close" data-dismiss="alert">&times;</button>
 <strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>

Success

Well done! You successfully read this important alert message.
<div class="alert alert-success alert-block fade in">
 <button type="button" class="close" data-dismiss="alert">&times;</button>
 <strong>Well done!</strong> You successfully read this important alert message.
</div>

Information

Heads up! This alert needs your attention, but it's not super important.
<div class="alert alert-info alert-block fade in">
 <button type="button" class="close" data-dismiss="alert">&times;</button>
 <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
Top