Back to components
Alerts
Parmanent alert
Example
Hidden permanent alert title
Permanent alert message linkHTML Snippet for announcement
<div class="alert alert-permanent" role="alert">
<div class="container-fluid">
<div class="alertInner">
<h2>Hidden permanent alert title</h2>
<a class="btn btn-default" href="#">Permanent alert message link</a>
</div>
</div>
</div>Dismissable alert
Example
HTML Snippet for emergency message
<div class="alert alert-warning alert-dismissible" role="alert">
<div class="container-fluid">
<div class="alertInner"><button href="#" type="button" class="close" data-alert="1" data-dismiss="alert" aria-label="Close"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
<h2>Dismissable alert title</h2>
<p>Here's where the information goes</p>
<a class="btn btn-default" href="#">Link</a>
</div>
</div>
</div>Dismissable announcement
Example
HTML Snippet for announcement
<div class="alert alert-info alert-dismissible" role="alert">
<div class="container-fluid">
<div class="alertInner"><button href="#" type="button" class="close" data-alert="2" data-dismiss="alert" aria-label="Close"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
<h2>Dismissable announcement title</h2>
<p>Here's where the information goes</p>
<a class="btn btn-default" href="#">Link</a>
</div>
</div>
</div>