Skip to content


Alerts are useful for displaying messages to users on screen.



Alerts support bolder links and headers using the .alert-link and .alert-heading classes. You can also use hr tags within them and other spacer utils.

Positioning, widths & margins

You can make use of the positioning, width and spacing utilities to control the alerts. You can also use


To allow users to dismiss an alert via Javascript add a .alert-dismissible class to the alert and include a "close" button with the attribute data-dismiss="alert" within the alert.

Awesome Features

99.9% Uptime / Free Upgrades / Fully Responsive / Bug Free
Theme Colours

Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.

Back to main homepage