Default Alert
Alerts are available for any length of text,as well as an optional dismiss button. For proper styling,use one of the eight requiredcontextual classes(e.g.,.alert-success). For background color use class .bg-* ,.text-white
Primary - A simple primary alert—check it out!
Secondary - A simple secondary alert—check it out!
Success - A simple success alert—check it out!
Error - A simple danger alert—check it out!
Warning - A simple warning alert—check it out!
Info - A simple info alert—check it out!
Light - A simple light alert—check it out!
Dark - A simple dark alert—check it out!
Dismissing Alerts
Add a dismiss button and the .alert-dismissibleclass,which adds extra padding to the right of the alert and positions the .closebutton.
Primary - A simple primary alert—check it out!
Secondary - A simple secondary alert—check it out!
Success - A simple success alert—check it out!
Error - A simple danger alert—check it out!
Warning - A simple warning alert—check it out!
Info - A simple info alert—check it out!
Light - A simple light alert—check it out!
Dark - A simple dark alert—check it out!
Custom Alerts
Display alert with transparent background and with contextual text color. Use classes .bg-white,and .text-*. E.g. bg-white text-primary.
This is a primaryalert—check it out!
Display alert with filled background. Use classes .bg-*,and .text-white. E.g. bg-success text-white.
This is a successalert - check it out!
This is a dangeralert - check it out!
This is a warningalert - check it out!
This is a infoalert - check it out!
Alert with rounded corner
add the alert-roundedclass to the alert
This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish. 
This is an example top alert. You can edit what u wish. This is an example top alert. You can edit what u wish.