SO - 22667368

by Arun P Johny

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/css/bootstrap.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/js/bootstrap.js"></script>
<div class="container">
    <ul class="nav nav-tabs">
        <li class="nav active"><a href="#A" data-toggle="tab">A</a></li>
        <li class="nav"><a href="#MySQL" data-toggle="tab">B</a></li>
        <li class="nav"><a href="#Oracle" data-toggle="tab">C</a></li>
    </ul>
    
    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane fade in active" id="A">Content inside tab A</div>
        <div class="tab-pane fade" id="MySQL">Content inside tab B</div>
        <div class="tab-pane fade" id="Oracle">Content inside tab C</div>
    </div>
</div>