Basic
Add color contextual class.
With icon
Add .btn-panel .btn-info class to change the style.
Dark
Add .dark class to change the style. and right side effect add .style-alert class
With title
Add Title.
Some message
Lorem ipsum dolor sit amet, consectetur adipiscing elit. sed dictum gravida nisi ut sagittis. phasellus mattis nisl ut ipsum tempus semper.
Some message
Lorem ipsum dolor sit amet, consectetur adipiscing elit. sed dictum gravida nisi ut sagittis. phasellus mattis nisl ut ipsum tempus semper.
Some message
Lorem ipsum dolor sit amet, consectetur adipiscing elit. sed dictum gravida nisi ut sagittis. phasellus mattis nisl ut ipsum tempus semper.
With photo
Alert in add button with image.
Some message
Lorem ipsum dolor sit amet, consectetur adipiscing elit. sed dictum gravida nisi ut sagittis.
Alt alerts
Swap modifier class to switch another four contextual feedback message style below.
Dark alt
Swap modifier class .alert and .dark
to switch another four contextual feedback message style below.
Social messages
Add .social-alert-box class.
Dismissible and click
Build on any alert by adding an optional .close
and close button.
Some message
Lorem ipsum dolor sit amet, consectetur adipiscing elit. sed dictum gravida nisi ut sagittis. phasellus mattis nisl ut ipsum tempus semper. vokalia and Consonantia, there live the blind texts. Separated they live in right at the coast of the Semantics, a large language ocean.
With list
An alert include title and item list with close button.
Alert with list
- Cras justo odio
- Dapibus ac facilisis in
Alert with list
- Cras justo odio
- Dapibus ac facilisis in