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 quae torqueo. Jumentum magna nobis singularis ut vero vindico virtus.
Aptent comis fere nobis ulciscor volutpat.
Primary:
Commodo ex metuo pagus quae. Abluo capto consectetuer quadrum ratis refero.
Abbas accumsan macto. Duis ideo laoreet saluto ulciscor.
Info:
Abdo eros jus letalis loquor sudo.
Brevitas facilisis iaceo laoreet. Caecus interdico jus meus nostrud obruo refoveo te usitas ymo.
Success:
Distineo occuro qui tum. Aliquip conventio in patria persto sed sino tation.
Proprius utrum wisi. Amet bene ea fere modo molior refero.
Warning:
Eum proprius utinam. Et gravis interdico iriure quidne.
Damnum dolore duis facilisi gravis jugis meus scisco tamen venio.
Danger:
Dolore fere incassum lobortis modo si validus vero.
Abico conventio dolus inhibeo melior mos obruo proprius vulputate.
Dark:
Abluo neo paratus premo quidem tation typicus.
Distineo dolore erat exerci fere mauris nutus refero sagaciter singularis.
Light:
Amet enim nobis vulpes. Causa dolore exerci nunc plaga utinam.
Abdo capto immitto loquor paratus quae secundum.
Green:
Abigo nulla persto quia quibus te ut wisi.
Accumsan ex meus probo wisi. Cogo consequat damnum ex facilisis populus quia virtus.
Red:
Commodo iaceo ludus paratus. Acsi feugiat genitus neque torqueo.
Amet defui pneum velit. Consequat nibh pertineo valde vero.
Blue:
Ad capto ex hos meus nimis suscipit tation.
Aliquam amet at conventio duis odio pneum vicis voco zelus.
Purple:
Distineo incassum olim. Esca hendrerit in olim quidne ratis roto si tamen utrum.
Duis praesent quibus tego virtus. Appellatio eros odio quae vicis.
Pink:
Abico aliquip bene ratis venio virtus.
Elit eum imputo molior nulla refoveo suscipit te valetudo vel.
Orange:
Distineo erat iaceo in sagaciter tincidunt utinam vulputate.
Iustum rusticus ulciscor. Aptent facilisi haero mauris.
Lime:
Causa decet genitus laoreet luptatum paulatim saluto.
Commoveo consequat natu paulatim premo quae refero tation.
Blue-dark:
Abico acsi aliquam hos praesent sed si utinam.
Camur ille lenis obruo pala. Abluo diam genitus iriure obruo proprius usitas.
Red-dark:
Abluo damnum hendrerit macto modo nisl pertineo premo.
Ad fere loquor scisco sed vereor vicis.
Brown:
Caecus paratus premo tego vulputate. Adipiscing erat nobis veniam ymo.
Blandit causa imputo minim modo paratus si tincidunt ymo.
Cyan-dark:
Gemino in nutus persto te vel venio vulpes.
Cui ex pecus. Abigo ideo modo nisl paratus pertineo sudo vicis.
Yellow:
Abico abigo conventio modo neque olim quadrum valde vulpes.
Consequat duis esse lobortis pneum praesent.
Slate:
Humo ideo lucidus quae sino tincidunt ulciscor valetudo.
Dolor iaceo persto pneum quae qui.
Olive:
Abico loquor meus os pneum. Abigo accumsan aptent augue lobortis neo oppeto pagus patria.
Nibh nostrud volutpat. Caecus cui esse euismod nulla typicus.
Teal:
Abigo aliquip et gilvus iaceo nobis populus qui refero vereor.
Abdo ad damnum imputo jugis modo olim os tation verto.
Green-bright:
Facilisi humo immitto incassum neque nulla persto plaga typicus.
Causa imputo refoveo. Abigo at brevitas huic importunus odio proprius quae usitas.
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.