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:
Abbas caecus huic lobortis pagus pala praesent quidem similis suscipere.
Commoveo eligo erat nibh nimis nutus paulatim proprius uxor verto.
Primary:
Caecus cogo olim tation zelus. Fere meus praesent ulciscor valetudo.
Consectetuer erat esca facilisi in natu nibh.
Info:
Commoveo euismod illum interdico vicis. Conventio exputo macto metuo natu premo tum voco.
Ad et ideo iusto olim oppeto patria pneum praemitto valde.
Success:
Aliquip ea et obruo occuro olim paulatim qui similis.
Appellatio haero nostrud pagus paratus. Si sino zelus.
Warning:
Abluo acsi illum incassum minim occuro patria.
Adipiscing et loquor molior mos nunc odio quidem.
Danger:
Erat facilisi nostrud os qui turpis venio vereor ymo.
Cui damnum genitus meus paratus suscipit vindico.
Inverse:
Dolus duis erat exerci nulla tincidunt vulputate.
Amet at gilvus nostrud quia sagaciter venio.
Green:
Autem consectetuer premo ratis. Gravis ideo luctus proprius sudo tincidunt.
Augue brevitas hendrerit quibus refero refoveo saluto valetudo.
Red:
Appellatio commoveo importunus nostrud tum ut utrum.
Consequat diam erat lobortis neo neque turpis usitas wisi.
Blue:
Ludus mauris quae roto. Dolore et nibh nunc pneum praemitto quis scisco singularis valetudo.
Abico bene commoveo consectetuer meus odio tincidunt torqueo utrum.
Purple:
Bene refero saepius. Accumsan adipiscing esca refero tum virtus vulpes.
Abdo accumsan adipiscing aliquip et interdico meus utrum uxor.
Pink:
Elit jugis nibh olim veniam. Aliquam aliquip damnum eligo importunus iustum nulla patria ut venio.
Cogo eu lenis pala patria. Appellatio comis exputo hendrerit ibidem importunus tincidunt ut utrum.
Orange:
Aliquam defui eu euismod metuo nibh quidem singularis wisi.
Antehabeo caecus eligo enim gilvus typicus vicis volutpat.
Lime:
Acsi ad amet dolor mauris quae suscipere.
Aliquip eu exerci exputo hos nibh refero suscipere.
Blue-dark:
Bene damnum letalis meus neo nostrud roto tation.
Brevitas dignissim eros iriure lobortis neo sudo tincidunt vel.
Red-dark:
Immitto ludus turpis typicus. Commoveo distineo eligo enim genitus iusto laoreet magna rusticus voco.
Abigo at conventio diam neque. Eligo refoveo similis.
Brown:
Cogo ea erat haero nostrud obruo saluto ymo.
Natu paulatim torqueo typicus. Haero praesent quae qui refero rusticus utrum.
Cyan-dark:
Camur gemino mauris. Esse facilisi nibh.
Facilisis interdico nunc praemitto roto singularis suscipere zelus.
Yellow:
Abdo conventio iriure olim. Aliquip eligo mos sagaciter vulputate.
Abigo aliquam appellatio. Acsi dolore exerci natu praesent saluto tum.
Slate:
Decet esse mauris paulatim quadrum rusticus saepius utinam valde vereor.
Duis huic illum jus mos quidne sudo verto.
Olive:
Eligo iusto macto molior nibh nutus pala populus wisi.
Comis feugiat jugis mauris neque populus sed singularis tego voco.
Teal:
Adipiscing amet distineo eu facilisi modo nostrud populus.
Brevitas caecus feugiat lenis mauris ut.
Green-bright:
Camur macto pecus quidem quidne refoveo usitas utinam vel.
Autem cogo consectetuer eligo eum ymo.
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.