SO - 19330173

by Arun P Johny

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.js"></script>
<ul class="nav nav-tabs" id="tabs">
    <li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
</ul>

<div class="tab-content">
    <div id="tab1" class="tab-pane">
        This is the text of tab1.
    </div>
    
    <div id="tab2" class="tab-pane">
        <p>This is the text of tab2.</p>
    </div>
    
    <div id="tab3" class="tab-pane">
        <p>This is the text of tab3.</p>
    </div>
</div>

JavaScript

jQuery(function ($) {});