Please wait...

Alerts

BASIC ALERTS Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.

Success! This alert box could indicate a successful or positive action.
Info! This alert box could indicate a neutral informative change or action.
Warning! This alert box could indicate a warning that might need attention.
Danger! This alert box could indicate a dangerous or potentially negative action.
  Primary! Indicates an important action.
  Secondary! Indicates a slightly less important action.
  Dark! Dark grey alert.
  Light! Light grey alert.

Alert Links Add the .alert-link class to any links inside the alert box to create "matching colored links"

Success! You should read this message.
Info! You should read this message.
Warning! You should read this message.
Danger! You should read this message.
Primary! You should read this message.
Secondary! You should read this message.
Dark! You should read this message.
Light! You should read this message.