Components
Bootstrap Alerts
Primary! Lorem ipsum dolor sit amet.
Success! Lorem ipsum dolor sit amet.
Info! Lorem ipsum dolor sit amet.
Warning! Lorem ipsum dolor sit amet.
Danger! Lorem ipsum dolor sit amet.
<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>
