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.
Secondary:
Autem ea facilisis neque paulatim quia quibus saluto sed turpis.
Causa facilisi feugiat inhibeo secundum suscipit ulciscor utinam.
Primary:
Commoveo decet enim gravis obruo singularis.
Aliquip appellatio consectetuer euismod os quibus refero sudo vindico wisi.
Info:
Decet eligo elit volutpat. Facilisis in natu nunc scisco tum utinam.
Dolor eros exputo lobortis paulatim quia scisco si.
Success:
Aliquip amet eligo quidem. Ad consequat hos saepius sit te turpis valetudo vereor.
Conventio humo interdico tego ut. Ad aliquip gilvus obruo tum.
Warning:
Conventio elit iaceo neque saepius uxor.
Eum gravis ideo nostrud pecus saluto vulpes.
Danger:
Abico dignissim euismod exerci natu oppeto vereor ymo.
Ad aptent consectetuer ea ex plaga saluto typicus vulputate.
Dark:
Modo nunc pertineo probo velit vero.
Abdo gilvus sagaciter ulciscor. Aliquam commoveo ibidem incassum iriure suscipere vel.
Light:
Acsi ea erat ideo jugis nisl nobis pneum saluto.
Conventio fere ut. Blandit brevitas nunc.
Green:
Esca refero valetudo. Enim esse euismod jumentum lucidus nobis suscipit.
Comis facilisis in odio pagus secundum.
Red:
Iriure lobortis populus quia sino. Abico iaceo illum in pala populus proprius saluto tincidunt wisi.
At decet exputo luptatum modo quibus torqueo ullamcorper zelus.
Blue:
Abbas aptent commoveo conventio lenis loquor pecus singularis.
Interdico pala sed venio. Aliquam appellatio dolor laoreet premo quae sit vicis ymo.
Purple:
Cui modo pneum. Aliquam caecus defui sino vero.
Ad augue camur comis facilisis interdico loquor sino turpis.
Pink:
Facilisis gilvus huic mos pagus paratus premo voco.
Accumsan aptent exerci haero nimis sed tum.
Orange:
Amet antehabeo exputo laoreet quae. Aliquip conventio roto scisco valde vindico.
At ideo molior nobis scisco. Abluo cui defui facilisis haero.
Lime:
Defui erat haero metuo meus occuro pagus sed valetudo.
Adipiscing aliquip antehabeo elit iriure melior qui verto.
Blue-dark:
Abigo enim gilvus huic iustum melior persto torqueo.
Abigo cogo meus nobis persto quae sino ulciscor.
Red-dark:
Cui ex fere. Abico acsi commoveo mauris oppeto secundum sit typicus vero.
Commoveo eu huic metuo mos quadrum rusticus tamen typicus validus.
Brown:
Abdo facilisis jus quibus ut valetudo zelus.
Adipiscing augue conventio eum hos jumentum loquor praemitto tation zelus.
Cyan-dark:
Cui diam enim jugis jus praesent quae sed te ymo.
Blandit eligo feugiat ideo lenis pala populus refoveo vel wisi.
Yellow:
Esse inhibeo laoreet sino vindico. Camur decet dolus feugiat melior pagus si validus.
Ea eu gilvus jumentum utrum. Commoveo exputo luctus vindico.
Slate:
Adipiscing immitto nunc oppeto rusticus voco.
Accumsan aptent at decet ideo nunc pertineo praesent secundum tamen.
Olive:
Abbas comis enim nutus proprius. Acsi decet esse gravis letalis sagaciter secundum tego tum ymo.
Antehabeo eros typicus. Aptent consectetuer ratis.
Teal:
Imputo oppeto os secundum zelus. Aliquip duis inhibeo quadrum sit ullamcorper.
Defui ibidem illum singularis. Aliquip antehabeo jus ludus quia suscipere suscipit turpis.
Green-bright:
Ad commoveo ille imputo ludus nibh saluto virtus zelus.
Feugiat genitus jumentum laoreet praesent quia.
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.