Theme Settings
Theme
Header
Sidebar
Left Sidebar Bg Image
Scheme
Layout
Table Designs
Fonts
Input
Buttons Styles
Buy Now

Alerts

Default Alerts

Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight required contextual classes (e.g., .alert-{ color }). For background color use class .bg-*

Dismissing Alerts

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

Outline Alerts

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

Top Border with Outline Alerts

Use the alert-border-top class to set an alert with the top border and outline.

Light Alerts

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

Outline Rounded Alerts

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

Light Rounded Alerts

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

Borderless Alerts

Use the alert-borderless class to set alert without border.

Solid Alerts

Use the alert-bg-value) class to set an alert with solid style.

Notify Alerts
Alerts Links

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

Additional content

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

Agastya Admin ©