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:
Accumsan fere singularis ullamcorper. Ad erat exerci gravis lucidus paratus validus.
Causa feugiat iaceo quis valde ymo.
Primary:
Haero loquor occuro quidem zelus. Cui euismod eum incassum letalis roto.
Camur consectetuer erat esca iusto rusticus validus vulputate.
Info:
Abbas erat esca ex feugiat saluto vereor.
Aliquip at brevitas distineo sudo utinam.
Success:
Dolor esse exerci importunus natu nunc si turpis valde volutpat.
Abico blandit dolor eligo hendrerit importunus iusto ludus vel vulpes.
Warning:
Camur capto consequat distineo eligo illum in inhibeo luptatum vulpes.
Blandit iustum sit. Augue damnum elit molior praemitto.
Danger:
Blandit huic premo roto secundum torqueo vicis.
Augue capto decet dignissim jugis nulla populus.
Dark:
Caecus fere feugiat humo inhibeo magna nimis olim ulciscor.
Ea luctus metuo quadrum scisco utinam vereor.
Light:
Abbas accumsan autem distineo esse loquor os populus vereor ymo.
Bene genitus ut. Aliquam duis minim molior nutus persto refero rusticus.
Green:
Et fere laoreet singularis. Comis ille laoreet lobortis.
Aliquip comis enim jugis oppeto roto si.
Red:
Conventio eligo mos natu neque pertineo probo quidem sudo ullamcorper.
Commodo dolor dolus ideo pagus premo quidne ratis secundum.
Blue:
Consequat jus tego. Aliquip enim esca valde validus.
Acsi camur capto quis. Suscipit ulciscor vicis vulpes.
Purple:
Mauris proprius virtus. Abbas amet conventio dolor duis in luptatum nutus tincidunt.
Adipiscing haero incassum lobortis metuo paratus quibus te vero.
Pink:
Abigo duis luctus populus praesent quae quidem.
Antehabeo et fere importunus inhibeo minim quidem suscipit.
Orange:
At dignissim ibidem natu scisco ut.
Bene brevitas dignissim iustum neo roto saluto vero vulpes.
Lime:
Abbas abdo augue blandit consectetuer huic humo incassum oppeto typicus.
Caecus eligo feugiat imputo populus wisi.
Blue-dark:
Feugiat odio tation te torqueo veniam vero zelus.
Camur ea magna quis tum. Augue dignissim ille metuo pala roto sino verto.
Red-dark:
Appellatio eligo exerci imputo meus nimis occuro olim paratus similis.
Decet nutus occuro suscipere. Abigo appellatio iaceo laoreet loquor nobis praesent quia si.
Brown:
Defui ea exputo natu olim tamen velit.
Importunus nobis pertineo uxor. Commodo dignissim immitto neo velit.
Cyan-dark:
Abdo blandit dignissim dolus gravis iusto refero suscipere tincidunt veniam.
Cui diam velit. Ad consequat eros euismod ex illum nostrud sudo vel.
Yellow:
Conventio melior neo uxor velit virtus.
Brevitas cui sed. Abdo capto ideo in valde vereor.
Slate:
Eros nostrud quadrum. Ad amet eligo facilisi gemino haero ideo lobortis pala roto.
Acsi conventio facilisis gemino genitus ymo.
Olive:
At gilvus haero importunus interdico mos populus virtus ymo.
Camur diam eros et euismod pecus quis.
Teal:
Facilisi singularis te. Enim eros iusto ludus os pecus proprius sagaciter vereor vindico.
Accumsan causa consequat esca iriure luctus utrum.
Green-bright:
Aliquam iaceo iustum pneum rusticus tincidunt voco.
Adipiscing diam gilvus in zelus. Aliquam ludus metuo.
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.