<h4>Alert</h4>
<div class="alert alert-error"><button class="close" type="button" data-dismiss="alert">×</button> <strong>Alert!</strong> Change a few things up and try submitting again.</div>
<div id="accordion1" class="accordion">
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" href="#collapseOne" data-toggle="collapse" data-parent="#accordion1">How to use</a></div>
<div id="collapseOne" class="accordion-body collapse">
<div class="accordion-inner">
<pre><code>
&lt;div class="alert alert-error"&gt;
&lt;button type="button" class="close" data-dismiss="alert"&gt;×&lt;/button&gt;
&lt;strong&gt;Alert&lt;strong&gt;Change a few things up and try submitting again.&lt;/div&gt; 
</code>
</pre>
</div>
</div>
</div>
</div>
<h4>Success</h4>
<div class="alert alert-success"><button class="close" type="button" data-dismiss="alert">×</button> <strong>Success!</strong> You successfully read this important alert message.</div>
<div id="accordion2" class="accordion">
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" href="#collapseTwo" data-toggle="collapse" data-parent="#accordion2">How to use</a></div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<pre><code>
&lt;div class="alert alert-succes"&gt;
&lt;button type="button" class="close" data-dismiss="alert"&gt;×&lt;/button&gt;
&lt;strong&gt;Success!&lt;strong&gt;You successfully read this important alert message.&lt;/div&gt; 
</code>
</pre>
</div>
</div>
</div>
</div>
<h4>Info</h4>
<div class="alert alert-info"><button class="close" type="button" data-dismiss="alert">×</button> <strong>Info!</strong> This alert needs your attention, but it's not super important.</div>
<div id="accordion3" class="accordion">
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" href="#collapseThree" data-toggle="collapse" data-parent="#accordion3">How to use</a></div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
<pre><code>
&lt;div class="alert alert-info"&gt;
&lt;button type="button" class="close" data-dismiss="alert"&gt;×&lt;/button&gt;
&lt;strong&gt;Info!&lt;strong&gt;This alert needs your attention, but it's not super important.&lt;/div&gt; 
</code>
</pre>
</div>
</div>
</div>
</div>