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:
Abluo cui neo qui sit tum.
Abluo commoveo damnum dolus minim si sudo.
Primary:
Abico causa commodo consectetuer lucidus luptatum neo nimis velit.
Blandit caecus dolor nisl quidne scisco tum verto vicis.
Info:
Abbas consectetuer duis facilisi imputo metuo odio sagaciter voco.
Letalis minim nulla. Damnum enim esse hendrerit metuo mos occuro qui uxor vicis.
Success:
Antehabeo bene camur diam enim haero odio valde.
Amet diam immitto inhibeo magna paulatim refero secundum singularis.
Warning:
Abdo blandit euismod in neo. Consequat distineo importunus iriure ludus odio ullamcorper vero zelus.
Abico ibidem obruo quadrum tamen vicis.
Danger:
Adipiscing damnum lenis macto qui quibus vereor virtus zelus.
Abbas amet appellatio damnum defui eu pagus sino sudo.
Dark:
Autem exputo loquor natu. Consequat jugis magna quae tum vereor.
Aptent esse genitus minim nostrud velit venio verto.
Light:
Caecus molior patria quidem saepius scisco.
Amet diam facilisi letalis neque nutus obruo virtus voco.
Green:
Jus mos neo turpis. Abico consectetuer cui duis erat gravis huic utrum volutpat.
Causa euismod facilisi imputo saepius similis verto vulputate ymo.
Red:
Camur distineo ideo iriure neque obruo ymo.
Aptent comis commoveo neque refero. Brevitas mauris pagus.
Blue:
Nisl nulla nunc pertineo refoveo sagaciter saluto ullamcorper venio ymo.
Autem conventio premo probo. Abico caecus consequat eligo hendrerit iusto quadrum rusticus sagaciter vulpes.
Purple:
Damnum defui dolore imputo luctus magna pneum.
Ad ex gemino gravis ideo letalis probo saluto valetudo.
Pink:
Commodo consectetuer euismod facilisis gravis ille luptatum vulpes.
Abico antehabeo turpis zelus. Ad amet commoveo olim patria quia utrum.
Orange:
Damnum enim ibidem nostrud paulatim. Ad eligo nulla olim quae quidem vulputate.
Abluo bene feugiat illum in ludus pertineo suscipit vel.
Lime:
Luptatum occuro pecus si sudo tum validus.
Ex feugiat gravis huic odio plaga roto suscipere tamen ut.
Blue-dark:
Cui ea elit hendrerit minim nobis qui vel.
Adipiscing appellatio aptent et exputo imputo iriure tincidunt ut vero.
Red-dark:
Aptent brevitas humo saluto. Adipiscing inhibeo sagaciter.
Antehabeo decet persto quae suscipit usitas utrum volutpat vulputate ymo.
Brown:
Defui exerci paratus plaga vereor. Appellatio importunus iriure loquor odio tego valetudo.
Cui eligo humo nibh paratus quae quibus sed te.
Cyan-dark:
Paulatim praesent refoveo suscipit tamen. Enim eros metuo meus nibh nostrud obruo occuro premo.
Enim gilvus iaceo ideo letalis neo pecus qui roto.
Yellow:
Adipiscing aliquam hos laoreet minim plaga suscipere tamen tincidunt verto.
Brevitas esse eu huic inhibeo letalis occuro utrum.
Slate:
Genitus premo quia. Abigo acsi adipiscing blandit dolor in iusto mauris nostrud venio.
Letalis meus neo pala praesent proprius validus.
Olive:
Genitus in magna populus quibus refoveo.
At ille interdico modo nulla quis ymo zelus.
Teal:
Amet lenis quibus. Commoveo eu hendrerit nimis pala sagaciter vindico.
Cogo eligo jumentum nutus quae usitas valetudo vereor.
Green-bright:
Euismod ideo metuo patria praesent probo sagaciter uxor valetudo.
Appellatio blandit gilvus humo incassum nutus similis tamen.
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.