Alert
Alerting makes it possible for people to keep up with the information that matters most to them. Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Simple Alert
Use contextual classes to give user different messages based on context such as success, danger, or warning, etc. By default alerts will take 100% width of their parent element.
Alert with Icon
An icon is added before the message of alert to visually convey the message. You can add any icon you want.
Alert with Dismiss
Alert with dimiss contains a close button, which when clicked remove the alert from website.
CSS Code
JavaScript Code