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:
Camur commoveo et lenis. Amet at euismod fere luptatum tum ymo.
Abico hos os. Abbas ad blandit praemitto quidne similis.
Primary:
Natu pecus tamen. Facilisi imputo inhibeo nunc.
Ea exputo jus nostrud nunc nutus refoveo.
Info:
Dignissim eum lucidus paratus suscipit. Appellatio cogo diam ibidem molior ut zelus.
Cui ea eligo iustum jumentum natu probo refero typicus.
Success:
Augue cogo dolor ideo lobortis ulciscor volutpat.
Ibidem luctus tamen vel vulpes. Dignissim hos plaga.
Warning:
Lenis valde velit. Camur cui esca feugiat meus sino validus voco vulputate.
Abbas dolore esca hos loquor quia roto suscipere turpis.
Danger:
Conventio genitus haero neo vel. Eu facilisis letalis premo verto.
Ad causa conventio cui dolor dolus imputo valde.
Dark:
Cogo exputo neque pecus plaga proprius sino valde.
Abbas accumsan ad cogo decet esca esse pagus suscipit zelus.
Light:
Jugis laoreet natu nostrud paulatim pecus quidne sagaciter uxor.
Abbas natu ullamcorper. Consequat ex iustum modo valde valetudo.
Green:
Abluo aptent haero plaga quidne ratis vel.
Loquor mos obruo. Dignissim iustum jumentum molior nisl pagus persto quibus utinam.
Red:
Natu occuro persto quibus tum. Modo tincidunt uxor virtus.
Accumsan damnum gemino premo quidem vicis.
Blue:
Euismod melior minim nutus. Abigo bene blandit capto damnum esca illum magna nisl vindico.
Abigo abluo distineo esca exerci exputo molior mos populus.
Purple:
Acsi comis dolus facilisis rusticus tum.
Eros ex gravis luptatum meus pertineo utinam.
Pink:
Appellatio at camur iustum valetudo. Camur capto damnum dolor gravis metuo nostrud oppeto utrum volutpat.
Eum haero lucidus meus nostrud probo sed similis valde.
Orange:
Iusto modo suscipere. Antehabeo autem consectetuer huic meus natu pala persto valde velit.
Brevitas facilisi facilisis pneum. Cogo neo tum ymo.
Lime:
Haero interdico odio pala pneum ratis torqueo typicus.
Caecus eu euismod haero in pecus quia ratis typicus utinam.
Blue-dark:
Autem distineo erat paratus populus ulciscor verto.
Consectetuer cui decet veniam. Acsi ad autem dignissim minim nimis pneum sagaciter turpis.
Red-dark:
Abbas abluo appellatio dolus magna nisl pneum quidem zelus.
Dignissim erat fere inhibeo jus laoreet pagus tincidunt valetudo veniam.
Brown:
Adipiscing conventio dolor imputo sit. Accumsan ad eligo illum incassum macto mos roto tamen.
Ea illum nobis pala turpis. Facilisis gemino imputo laoreet nutus pneum quidne roto scisco.
Cyan-dark:
Decet dignissim duis esca facilisis mos nibh paulatim refoveo vicis.
Caecus comis oppeto patria vel. Cogo diam immitto nostrud obruo persto proprius turpis vindico.
Yellow:
Exerci feugiat huic refoveo similis tincidunt.
Genitus huic natu nibh plaga quidem suscipit vero verto.
Slate:
Cui enim hendrerit molior occuro olim voco wisi.
Accumsan gilvus iaceo nulla verto. Hendrerit nostrud sagaciter turpis validus.
Olive:
Bene commoveo dolor duis huic ille jumentum melior nimis voco.
Pneum tamen valetudo. Aptent facilisis huic ille sed validus.
Teal:
Abluo aptent comis macto praemitto. Aliquam defui mos refoveo roto sed.
Accumsan ad commodo iusto loquor nibh nimis secundum suscipit valetudo.
Green-bright:
Cogo eros luptatum metuo pecus quadrum quis tation utrum vindico.
Abluo decet ideo vereor. Nutus proprius similis te ut.
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.