Styles for warning, success, information and error alert messages...
Alert messages are suitable for the notifications that do not force user to do any action such as clicking to close.
This type of notification will be automatically closed after seconds based on its configuration.
Besides, the alert message style is good in case of attracting user's attention to specific notifications.
Alerting a situation that might cause a problem in the future.
Alerting successful, completed or done actions.
Alerting useful and relevant, but not critical information. It lets users know something new.
Alerting wrong actions that have been done.
Note: To display an alert with limited width following the alert content length, simple use code style="display: inline-block;"