Default Alerts

Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the four required contextual classes (e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin.

Link color

Use the .alert-link utility class to quickly provide matching colored links within any alert.

Dismissing

Add a dismiss button and the .alert-dismissible class, which adds extra padding to the right of the alert and positions the .close button.

With Icon

Custom Background Alert

Use .bg-*, .text-white classes.

Custom Outline Alert

Use .bg-white, .border, .border-* classes.

Additional content

Alerts can also contain additional HTML elements like headings and paragraphs.

© 2023 Dashbiz - Crafted with by Themesbrand.