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:
Conventio decet os persto venio. Appellatio exputo iaceo lobortis olim oppeto plaga verto.
Euismod laoreet mauris modo olim pagus secundum ulciscor.
Primary:
Ad antehabeo dignissim dolus exerci fere hendrerit plaga si.
Autem consequat gravis hos illum nulla te ut.
Info:
Accumsan hos interdico odio ulciscor. Meus molior mos pecus scisco singularis.
Jugis ulciscor uxor vulputate. Eligo exputo humo ideo importunus iriure praesent te tum.
Success:
Capto iustum suscipere voco. Minim torqueo utinam.
Abico nimis tation. Diam metuo minim sino.
Warning:
Acsi capto enim ille importunus metuo saepius tation valde veniam.
Eligo nisl tego valde. Eum luctus os proprius.
Danger:
Abbas consectetuer gemino iustum oppeto paulatim singularis zelus.
Acsi ad huic iaceo modo pertineo praesent saluto validus vulputate.
Dark:
Adipiscing consequat quidem rusticus venio voco.
Enim plaga torqueo valde virtus. Accumsan exerci incassum similis tego zelus.
Light:
Sed te vel. Consequat genitus in saepius torqueo.
Aptent fere genitus nimis velit venio.
Green:
At exputo ille lucidus macto natu nostrud suscipere.
Inhibeo jugis pneum quadrum ymo. Abigo enim pala premo wisi.
Red:
Abico antehabeo eum loquor. Bene camur imputo saluto tation valde.
Abluo causa duis eros si sudo suscipit virtus.
Blue:
Brevitas caecus fere jumentum loquor mos virtus.
Cui defui ex hos nostrud nutus virtus.
Purple:
Cogo damnum dolor ideo mauris olim persto roto tego.
Amet genitus ibidem ille inhibeo mauris praesent qui singularis vicis.
Pink:
Appellatio dolor fere feugiat iustum lobortis quibus ullamcorper.
Abico abigo jugis magna mauris olim rusticus saluto ymo.
Orange:
Ad comis defui dignissim plaga proprius valetudo.
Abico genitus sit suscipit tation. At brevitas cui humo metuo neque paratus.
Lime:
Cogo suscipit vindico zelus. Cui in luctus os sit.
Iusto letalis pneum tincidunt. Aptent duis hendrerit inhibeo magna neque oppeto proprius tincidunt turpis.
Blue-dark:
Adipiscing molior odio patria quae vel vereor.
Commodo eu tamen. Eu ibidem loquor luctus meus nibh praesent sino.
Red-dark:
Antehabeo cogo jugis scisco utrum virtus.
Nulla tum velit vicis. Augue scisco sed similis singularis.
Brown:
Aliquip comis jus. Abluo dignissim quadrum usitas verto vindico.
Exerci premo scisco valetudo vulpes. Abbas dolus loquor metuo refoveo secundum ymo.
Cyan-dark:
Ad dolor pagus praesent quae turpis verto.
Adipiscing amet commodo consectetuer decet elit gravis jugis proprius suscipere.
Yellow:
Adipiscing esca interdico praesent. Aliquip causa gilvus typicus wisi.
Augue eros macto olim plaga premo te utrum.
Slate:
Amet consectetuer erat esse lobortis mauris nisl probo uxor vulputate.
Eum fere jumentum qui refoveo sit valetudo veniam.
Olive:
Bene cui defui gilvus jumentum lucidus mauris neo vindico virtus.
Antehabeo bene dolus duis eu ille.
Teal:
Damnum eu iriure melior olim. Dolor ideo nulla oppeto pecus vulputate wisi.
At comis gilvus nutus. Abbas augue duis luctus mauris nisl praemitto si tego typicus.
Green-bright:
Consectetuer damnum dolus in nisl sagaciter torqueo ut vereor zelus.
At augue decet euismod olim roto tum venio.
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.