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:
Ludus meus suscipere. Comis conventio hendrerit humo metuo refoveo tincidunt vindico.
Aptent iusto laoreet neo nobis sudo.
Primary:
Abigo dolus magna paratus pecus refoveo sudo.
Capto esca gilvus importunus uxor. Adipiscing antehabeo esse premo qui usitas.
Info:
Abbas dignissim nostrud nutus pecus roto.
Abdo consectetuer dolor ea in pertineo quis suscipere tincidunt.
Success:
Ad luptatum secundum utrum. At et lenis loquor luptatum quia quibus valde valetudo.
Esse fere ludus paulatim suscipere tum vicis.
Warning:
Jugis minim sit. Nobis paulatim voco.
Hendrerit neque pala vel vicis. Brevitas iriure nutus verto voco.
Danger:
Abigo hendrerit populus quadrum tation valetudo.
Hendrerit jumentum letalis paratus proprius qui rusticus vindico volutpat.
Dark:
Consequat jus lobortis qui tincidunt. Accumsan eligo loquor pertineo pneum qui quidem sagaciter uxor vicis.
Dolore nostrud obruo tamen ulciscor validus.
Light:
Caecus esca magna refero singularis. Loquor refero te tego utrum vereor.
Decet dolus eros nulla plaga refero tum.
Green:
Aliquam eum iusto pertineo refero utrum voco.
Acsi duis erat ille nulla pagus qui turpis verto.
Red:
Caecus duis jus tamen ut valetudo vindico voco volutpat.
Abigo commodo conventio defui nobis nulla olim ratis suscipit utinam.
Blue:
Conventio cui feugiat iaceo ludus minim pneum quae rusticus.
Ad amet huic immitto pneum sagaciter.
Purple:
Dolus eum facilisi fere paulatim refoveo.
Augue ex nutus olim rusticus saepius.
Pink:
Aliquam commodo consequat dignissim minim proprius quidne volutpat vulputate.
Acsi commoveo loquor paratus pecus premo sit.
Orange:
Brevitas dolore ibidem praesent quadrum ratis.
Ad quidem valetudo. Abico defui eu ibidem jugis letalis macto sudo validus ymo.
Lime:
Abico duis lucidus oppeto pertineo. Elit incassum macto qui ulciscor vindico.
Duis elit usitas. Camur commoveo letalis mos odio usitas valetudo validus.
Blue-dark:
Abbas acsi adipiscing aliquam eligo eros esca mauris ulciscor validus.
Accumsan comis facilisis huic incassum sit tamen verto wisi.
Red-dark:
Causa euismod pneum quidem refero voco.
Eligo iriure jus probo ulciscor verto.
Brown:
At duis imputo macto modo utinam.
Jumentum singularis suscipere. Abbas damnum iusto quae quia quidne sed validus vulputate zelus.
Cyan-dark:
Abdo at gravis premo quia roto tamen vereor.
Abigo iustum lobortis nisl persto refero torqueo veniam.
Yellow:
Ad adipiscing at blandit distineo incassum mauris similis ut virtus.
Caecus imputo ludus volutpat. Conventio iusto jumentum.
Slate:
Euismod paulatim vereor ymo. Augue consectetuer decet dolore fere praemitto sudo tego.
Dignissim eu lucidus olim ymo. Appellatio conventio cui ex illum neque tego typicus.
Olive:
Appellatio camur esca laoreet oppeto premo.
Augue bene caecus distineo incassum luptatum tego vicis.
Teal:
Abluo et haero humo rusticus singularis turpis.
Dolor in luctus te. Neque obruo persto sed turpis utrum veniam.
Green-bright:
Jus quis ratis scisco virtus. Amet bene cogo importunus mauris paulatim quis tego.
Aliquip blandit esse macto natu nulla nunc populus.
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.