<h4>Large button</h4>
<p><button class="btn btn-large" type="button">Large button</button> <button class="btn btn-large btn-primary" type="button">Large button</button> <button class="btn btn-large btn-info" type="button">Large button</button> <button class="btn btn-large btn-success" type="button">Large button</button> <button class="btn btn-large btn-warning" type="button">Large button</button> <button class="btn btn-large btn-danger" type="button">Large button</button> <button class="btn btn-large btn-inverse" type="button">Large button</button></p>
<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;button class="btn btn-large" type="button"&gt;Large button&lt;/button&gt; 
&lt;button class="btn btn-large btn-primary" type="button"&gt;Large button&lt;/button&gt; 
&lt;button class="btn btn-large btn-info" type="button"&gt;Large button&lt;/button&gt; 
&lt;button class="btn btn-large btn-success" type="button"&gt;Large button&lt;/button&gt; 
&lt;button class="btn btn-large btn-warning" type="button"&gt;Large button&lt;/button&gt; 
&lt;button class="btn btn-large btn-danger" type="button"&gt;Large button&lt;/button&gt; 
&lt;button class="btn btn-large btn-inverse" type="button"&gt;Large button&lt;/button&gt;
</code>
</pre>
</div>
</div>
</div>
</div>
<h4>Button</h4>
<p><button class="btn" type="button">Button</button> <button class="btn btn-primary" type="button">Button</button> <button class="btn btn-info" type="button">Button</button> <button class="btn btn-success" type="button">Button</button> <button class="btn btn-warning" type="button">Button</button> <button class="btn btn-danger" type="button">Button</button> <button class="btn btn-inverse" type="button">Button</button></p>
<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;button class="btn" type="button"&gt;Button&lt;/button&gt; 
&lt;button class="btn btn-primary" type="button"&gt;Button&lt;/button&gt; 
&lt;button class="btn btn-info" type="button"&gt;Button&lt;/button&gt; 
&lt;button class="btn btn-success" type="button"&gt;Button&lt;/button&gt; 
&lt;button class="btn btn-warning" type="button"&gt;Button&lt;/button&gt; 
&lt;button class="btn btn-danger" type="button"&gt;Button&lt;/button&gt; 
&lt;button class="btn btn-inverse" type="button"&gt;Button&lt;/button&gt;
</code>
</pre>
</div>
</div>
</div>
</div>
<h4>Small button</h4>
<p><button class="btn btn-small" type="button">Small button</button> <button class="btn btn-small btn-primary" type="button">Small button</button> <button class="btn btn-small btn-info" type="button">Small button</button> <button class="btn btn-small btn-success" type="button">Small button</button> <button class="btn btn-small btn-warning" type="button">Small button</button> <button class="btn btn-small btn-danger" type="button">Small button</button> <button class="btn btn-small btn-inverse" type="button">Small button</button></p>
<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;button class="btn btn-small" type="button"&gt;Small button&lt;/button&gt; 
&lt;button class="btn btn-small btn-primary" type="button"&gt;Small button&lt;/button&gt; 
&lt;button class="btn btn-small btn-info" type="button"&gt;Small button&lt;/button&gt; 
&lt;button class="btn btn-small btn-success" type="button"&gt;Small button&lt;/button&gt; 
&lt;button class="btn btn-small btn-warning" type="button"&gt;Small button&lt;/button&gt; 
&lt;button class="btn btn-small btn-danger" type="button"&gt;Small button&lt;/button&gt; 
&lt;button class="btn btn-small btn-inverse" type="button"&gt;Small button&lt;/button&gt;
</code>
</pre>
</div>
</div>
</div>
</div>
<h4>Mini button</h4>
<p><button class="btn btn-mini" type="button">Mini button</button> <button class="btn btn-mini btn-primary" type="button">Mini button</button> <button class="btn btn-mini btn-info" type="button">Mini button</button> <button class="btn btn-mini btn-success" type="button">Mini button</button> <button class="btn btn-mini btn-warning" type="button">Mini button</button> <button class="btn btn-mini btn-danger" type="button">Mini button</button> <button class="btn btn-mini btn-inverse" type="button">Mini button</button></p>
<div id="accordion4" class="accordion">
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" href="#collapseFour" data-toggle="collapse" data-parent="#accordion4">How to use</a></div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
<pre><code>
&lt;button class="btn btn-mini" type="button"&gt;Mini button&lt;/button&gt; 
&lt;button class=&amp;quot..</code></pre>
</div>
</div>
</div>
</div>