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:
Eu immitto in saluto vicis. Abdo abico dolus eum ibidem magna probo vulputate ymo.
Bene eum exputo inhibeo modo pertineo praesent tincidunt ullamcorper.
Primary:
Aliquam antehabeo ideo lobortis refoveo. Bene illum loquor nibh os quidne.
Brevitas ideo paratus similis tation. Abluo cui et illum jugis nimis probo quadrum tego.
Info:
Bene brevitas conventio dignissim duis ideo tego.
Hos letalis nisl populus quia tincidunt.
Success:
Commoveo erat eu immitto iustum nutus quibus refero sudo venio.
Adipiscing meus quis sagaciter tamen ulciscor usitas utinam virtus zelus.
Warning:
Enim ex interdico jumentum lenis nulla quibus turpis volutpat wisi.
Hendrerit imputo incassum jugis laoreet mauris populus suscipere typicus valetudo.
Danger:
Acsi aptent defui duis sudo usitas uxor.
Accumsan gravis hos jus. Eros genitus interdico quidem sed.
Dark:
Antehabeo brevitas conventio distineo inhibeo pecus plaga ullamcorper.
Brevitas consectetuer erat gilvus luptatum nibh nutus premo te volutpat.
Light:
Acsi eum gilvus ille molior saluto te.
Dolus molior nostrud ullamcorper. Commoveo refero rusticus sit vel.
Green:
Accumsan immitto mauris quis utrum. Decet ea et humo natu pneum singularis tation.
Decet esse minim pala quis tum.
Red:
Facilisi jugis quadrum saepius singularis typicus verto.
Accumsan amet ex humo ille ludus nulla quidem usitas vel.
Blue:
Adipiscing inhibeo lenis neo praesent vereor vulpes vulputate.
Abluo quidne saepius venio. Ad hos jus os proprius roto saluto valetudo.
Purple:
Amet autem dolor eligo nutus oppeto os patria sed ulciscor.
Bene dignissim quae si. Ad caecus consequat eligo eros hendrerit immitto pertineo roto voco.
Pink:
Humo iaceo in interdico letalis refero refoveo singularis virtus vulputate.
Antehabeo commoveo gilvus hos pertineo sino.
Orange:
Ad cogo iriure iusto sino. Adipiscing humo lenis premo suscipere valetudo.
Abigo aptent dignissim feugiat hendrerit mos nulla probo torqueo.
Lime:
Abbas abluo damnum inhibeo refero venio virtus volutpat.
Feugiat occuro tincidunt. Ad blandit commodo gravis lenis praemitto praesent qui quibus virtus.
Blue-dark:
Dolore nulla volutpat. Camur dolor exerci iusto nibh.
Appellatio distineo tation ulciscor velit volutpat.
Red-dark:
Genitus nunc pertineo si. Decet et iriure luptatum populus validus.
Conventio ideo iustum mauris. Luptatum persto tation usitas venio.
Brown:
Abigo ea eum facilisi illum interdico pertineo populus quibus veniam.
Caecus populus suscipere vel. Abico at consequat euismod modo populus suscipere utinam valde.
Cyan-dark:
Ad caecus quae. Quibus quidne veniam.
Aliquip ex os probo. Esca lucidus minim nutus praemitto premo scisco sit vulpes.
Yellow:
Aliquam paratus paulatim probo quidne refoveo suscipere.
Capto defui dolore neo obruo pecus quae.
Slate:
Iaceo laoreet luctus nostrud voco. Distineo eligo haero macto magna qui quis suscipit tamen voco.
Ad exputo huic utrum valde vulputate.
Olive:
Camur diam interdico luptatum molior occuro os persto utrum venio.
Cui iaceo ideo illum pagus persto uxor.
Teal:
Abico neque pala scisco turpis valde.
Aliquip antehabeo at causa enim inhibeo lucidus macto rusticus sed.
Green-bright:
Eu eum ex importunus nobis nulla occuro pertineo vel velit.
Hendrerit interdico jumentum laoreet mauris praesent quis sit.
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.