Alerts

v3.x

Alerts and notes are useful to make information pop.

BBootstrap 3.x | Alerts


 Select Icon


<div class="alert alert-warning" role="alert">
	<p>
		<i class="fa fa-exclamation-triangle fa-fw" aria-hidden="true"></i>
		<a class="close" data-dismiss="alert" aria-label="close">×</a>
		<strong>Lorem Ipsum Dolor</strong>
		<br>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, nobis porro est optio unde ut dolorem atque dolor dolorum veritatis corporis neque illum voluptatum velit expedita eaque aliquid, similique.
	</p>
</div>

Custom CSS

Custom CSS is required for the default (grey) alert, which is borrowed from Bootstrap 4.

View all custom Bootstrapr.io CSS
.alert-default {
   background: #e2e3e5;
   border-color: #d6d8db;
   color: #383d41;
}