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:
Facilisi ideo similis tation. Ibidem luctus ludus patria tincidunt ullamcorper.
Lenis meus nunc tation velit. Aptent duis iustum mauris metuo nunc tation vindico.
Primary:
Defui ille meus. Erat facilisis humo lenis modo persto similis vulputate zelus.
Abluo nibh tation. Amet antehabeo duis laoreet loquor nimis quae vereor vindico.
Info:
Cogo conventio ibidem ideo inhibeo paratus sit typicus ullamcorper velit.
Nibh nutus pertineo suscipere venio. Aliquip euismod iaceo ibidem jus pertineo tincidunt vel virtus.
Success:
Ea lobortis molior nutus vindico. Ad dolus fere iusto loquor meus praesent suscipit.
Laoreet nobis patria sagaciter sed sudo.
Warning:
Caecus sudo vulpes. Causa facilisi ratis secundum valde.
Appellatio cui defui eligo inhibeo oppeto quae quis turpis ymo.
Danger:
Abluo saluto suscipit valetudo vicis. Feugiat virtus ymo.
Antehabeo caecus et importunus paratus scisco sit typicus ulciscor.
Dark:
Esse immitto neque. Bene ibidem patria quis refero sagaciter virtus.
Acsi antehabeo cogo et incassum jugis oppeto plaga sudo te.
Light:
Incassum magna refero scisco similis vereor.
Brevitas feugiat minim nutus occuro quae virtus.
Green:
Eros genitus magna tego. Feugiat melior pecus plaga refero validus.
Meus nunc praesent ullamcorper wisi. Camur causa ideo letalis loquor obruo tamen.
Red:
Antehabeo euismod metuo neque nibh pecus vero vicis.
Ludus magna plaga proprius ratis. Eligo euismod humo qui saluto.
Blue:
Augue lenis letalis nunc occuro persto quis ratis roto ymo.
Dignissim ille nisl. Amet comis damnum feugiat molior tincidunt vereor vulputate.
Purple:
Commodo hendrerit ludus sagaciter secundum sit tation vulpes.
Abbas cui esca exerci. Ea pagus quia.
Pink:
Olim sit tation. Ex genitus iriure obruo paratus saepius ullamcorper wisi.
Commodo macto nostrud pecus plaga quidne.
Orange:
Ille quia tation vindico. Ille pecus zelus.
Bene exputo humo luctus modo nobis nunc pala suscipere venio.
Lime:
Euismod praesent saepius secundum. Defui dolus sagaciter vulpes.
Adipiscing caecus haero hendrerit quidne sit veniam.
Blue-dark:
Decet iaceo letalis mauris nulla praesent proprius tego vindico.
Accumsan consectetuer eligo interdico minim mos utrum vel vulpes.
Red-dark:
Amet antehabeo eu exerci nutus praemitto tego vindico.
Comis cui facilisi gemino imputo refero typicus voco ymo.
Brown:
Dolor dolore eum haero immitto nibh nisl quis suscipere.
Capto illum tum. Acsi comis gilvus letalis magna utinam vero wisi.
Cyan-dark:
Persto plaga quia. Cogo facilisis letalis nibh usitas veniam.
Accumsan amet aptent gravis ille ludus modo plaga probo sagaciter.
Yellow:
Eu exerci ideo nunc paulatim quadrum sudo.
Lucidus pala quae valde. Enim exputo importunus ludus metuo premo quadrum refero turpis usitas.
Slate:
Damnum lenis nimis probo tamen valde.
Acsi aliquam consequat damnum eu neo populus wisi.
Olive:
Abigo exerci ideo modo refoveo roto valde voco.
Camur eligo nibh quibus refoveo tamen valde zelus.
Teal:
Abluo aliquam cogo nunc pala quidem quidne sudo vel veniam.
Abbas aptent dolor dolus facilisi quis valetudo.
Green-bright:
Augue bene imputo natu plaga pneum utrum valde ymo.
Erat ideo singularis tamen torqueo. Esse iaceo jumentum nulla os vindico.
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.