Alert

Theme Color Alerts
Theme color Archive just adding class .dark
Link color in theme-color
Use the .alert-link utility class to quickly provide matching colored links within any alert
Dismissing
To animate alerts when dismissing them, be sure to add the .fade and .show classes.
Alert With Icon
Just add Any icon before text
Light Alerts
Alerts are available for any length of text, as well as an optional dismiss button.
Link color
Use the .alert-link utility class to quickly provide matching colored links within any alert
Dismissing
To animate alerts when dismissing them, be sure to add the .fade and .show classes.
Outline Alerts
Outline Archive just adding class .outline
Outline Dark Alerts
Outline Archive just adding class .outline-2x
Alert With Icon outline
Just add Any icon before text
Alert With Icon inverse
Use the .inverse class to quickly provide matching colored links within any alert
Text as action
Use the .action-text class to add dismiss text instead of icon
Additional content
Alerts can also contain additional HTML elements like headings, paragraphs and dividers.