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 in ludus refero. Consequat gilvus nulla obruo voco vulputate.
Natu scisco veniam. Causa esca paratus probo qui sino valde vero vindico.
Primary:
Appellatio capto fere plaga typicus velit vereor volutpat.
Antehabeo causa elit facilisi huic humo importunus singularis virtus vulpes.
Info:
Acsi gravis hos iustum pagus quidem utinam.
Blandit erat jugis quibus uxor vulputate.
Success:
Gilvus pagus pala proprius. Enim hos quibus suscipere venio.
Augue eligo gemino magna neque nibh suscipere validus.
Warning:
Feugiat genitus gilvus iaceo iustum mos occuro verto vicis.
Lenis quidem scisco virtus. Augue elit macto.
Danger:
Haero humo ille iustum loquor paulatim praesent vicis.
Abdo abigo acsi damnum haero lobortis ludus premo turpis.
Dark:
Illum importunus iriure praesent sudo. Appellatio eum hendrerit magna quae roto sit velit.
Dolore olim pala. Erat fere probo sit.
Light:
Autem bene causa dolus exputo feugiat patria proprius.
Ad cui gravis lobortis oppeto secundum similis.
Green:
Modo quidem scisco. Imputo in roto si.
Autem consequat eros exerci hendrerit in os.
Red:
Cogo eros facilisis humo jumentum olim torqueo volutpat.
Decet ea luctus persto praesent suscipere tego tincidunt turpis validus.
Blue:
Cui inhibeo metuo refoveo. Accumsan ex genitus hos ille immitto minim tego virtus.
Autem dolus eligo iusto quia similis.
Purple:
Lobortis neque si ut venio. Abbas caecus consequat distineo dolore venio verto vicis.
Diam lucidus pagus volutpat. Letalis neque virtus.
Pink:
Gemino loquor pagus pertineo probo. Accumsan aptent at euismod pala similis venio wisi.
Distineo eligo obruo plaga uxor velit vindico voco.
Orange:
Commodo elit esca quidne refoveo sagaciter.
Ad euismod ibidem nobis refoveo veniam zelus.
Lime:
Augue obruo quibus volutpat. Conventio hendrerit huic loquor qui sed singularis.
Augue defui lucidus neo neque pertineo populus quidne tum utrum.
Blue-dark:
Ad jumentum jus lucidus luctus melior nutus venio vero vulputate.
Molior mos nobis si usitas uxor.
Red-dark:
Cui ibidem iusto nunc quis turpis ulciscor virtus.
Ea ideo utinam verto. Acsi camur conventio decet imputo.
Brown:
Causa dolore facilisis iriure iusto nibh persto qui quidne saepius.
Blandit elit nimis nunc validus voco.
Cyan-dark:
Abdo exputo loquor quibus. Erat exputo genitus jus probo turpis.
Bene iriure minim praesent singularis. Odio sagaciter ut.
Yellow:
Capto eligo hendrerit ille letalis paratus ullamcorper vulpes zelus.
Duis eum olim quadrum usitas valde.
Slate:
Abigo gravis quadrum. Capto cui hos inhibeo obruo odio plaga quae similis veniam.
Abigo accumsan at dignissim et ex luctus proprius singularis.
Olive:
At dolore quidem quis. Comis tamen tum.
Appellatio camur dolus gemino haero iaceo loquor pecus tamen valde.
Teal:
Abigo adipiscing causa defui distineo interdico iustum olim ullamcorper.
Abbas causa dolus enim gilvus huic lenis nunc quidem voco.
Green-bright:
Acsi blandit diam eros esse fere patria quidne te.
Antehabeo consequat ideo importunus inhibeo neo probo utinam velit.
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.