Components
Bootstrap Alerts
<div class="alert alert-primary" role="alert"><strong class="text-capitalize">Primary!</strong> Lorem ipsum dolor sit amet.
<button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="alert alert-success" role="alert"><strong class="text-capitalize">Success!</strong> Lorem ipsum dolor sit amet.
<button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="alert alert-info" role="alert"><strong class="text-capitalize">Info!</strong> Lorem ipsum dolor sit amet.
<button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="alert alert-warning" role="alert"><strong class="text-capitalize">Warning!</strong> Lorem ipsum dolor sit amet.
<button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="alert alert-danger" role="alert"><strong class="text-capitalize">Danger!</strong> Lorem ipsum dolor sit amet.
<button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>