bootstrap > template > tabs

bs-tabs

<div class="tabbable">
	<ul class="nav nav-tabs">
		<li class="active"><a href="#1" data-toggle="tab">Section 1</a></li>
		<li class=""><a href="#2" data-toggle="tab">Section 2</a></li>
		<li class=""><a href="#3" data-toggle="tab">Section 3</a></li>
	</ul>
	<div class="tab-content">
		<div class="tab-pane active" id="1">
			<p>You are watching section 1.</p>
		</div><!-- /end tab1 -->
		<div class="tab-pane" id="2">
			<p>You are watching Section 2.</p>
		</div><!-- /end tab2 -->
		<div class="tab-pane" id="3">
			<p>You are watching Section 3.</p>
		</div><!-- /end tab3 -->
	</div><!-- /end tab-content -->
</div><!-- /end tabbable -->