Bring your tabs to life with a simple plugin to toggle between content via tabs.
To make tabs tabbable, create a .tab-pane
with unique ID for every tab and wrap them in .tab-content
.
To make tabs fade in, add .fade
to each .tab-pane
.
I'm Section 1
Howdy, I'm Section 2.
Section 3
<ul class="nav nav-tabs">
<li class="active">
<a href="#tab1" data-toggle="tab">Section 1</a>
</li>
<li>
<a href="#tab2" data-toggle="tab">Section 2</a>
</li>
<li>
<a href="#tab3" data-toggle="tab">Section 3</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<p>I'm Section 1</p>
</div>
<div class="tab-pane" id="tab2">
<p>Howdy, I'm Section 2.</p>
</div>
<div class="tab-pane" id="tab3">
<p>Section 3</p>
</div>
</div>