The alert pattern is used to convey important information to users.
Rules for the alert pattern:
div with a class of alert plus one of the four option classes:
alert-successalert-infoalert-warningalert-dangeralert-link class to quickly provide matching coloured links within any alert.Use the class .alert-success for a success alert box. This alert box indicates a successful or positive action, such as successfully submitting a form.
Thank you for submitting your details. If you have any questions please email example@st-andrews.ac.uk.
Use the class alert-info for an info alert box. This alert box indicates neutral information or a neutral action, such as a recommendation or an update.
Heads up! We recommend that you apply soon for a place on our poetry course.
Use the class alert-warning for a warning alert box. This alert box indicates a warning that might need attention or carries a time limit, such as impending application deadlines.
Warning! The deadline for submissions is the end of Semester 2. If you need help, please email example@st-andrews.ac.uk.
Use the class alert-danger for a danger alert box. This alert box indicates a dangerous or potentially negative action such as closures or expired deadlines.
Warning! The deadline for submissions has passed. If you need help please email example@st-andrews.ac.uk.