Skip to content

Elements:Alerts

Alerts are useful for displaying messages to users on screen.

Styles


Content

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


Dismissing

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

Back to intro page