Tabs

Tabs are supported in the content area of a page. The best approach to creating the tabs is to copy/paste the code from the example page http://shandon.monkpreview2.com/about/style-guide-tabs/ or the html code below into the html view of the page and update the text as needed.

A few notes:

• The unordered list will have the classes "nav-tab nav nav-pills"
• The bullet items for the unordered list should have an anchor matching the id of the corresponding tab pane and should contain the data-toggle="tab"
• The default opened pane should have the class "active" in the corresponding bullet item.

<ul class="nav-tab nav nav-pills">
<li class="active"><a href="#home-1" data-toggle="tab">Tab 01</a></li>
<li><a href="#profile" data-toggle="tab">Tab 02</a></li>
<li><a href="#messages" data-toggle="tab">Tab 03</a></li>
<li><a href="#settings" data-toggle="tab">Tab 04</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade in active" id="home-1">
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
</div>
<div class="tab-pane fade" id="profile">
<p>Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros.Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros.</p>
</div>
<div class="tab-pane fade" id="messages">
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
</div>
<div class="tab-pane fade" id="settings">
<p>Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros.Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros.Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
</div>
</div>