Lord of Wheat

Making a Navigation Tab*


The code:

<!-- This is your navigation tabs -->
<ul class="nav nav-tabs">
	<li class="active">
		<a data-toggle="tab" href="#" data-target="#(post number)-1">Tab 1</a>
	</li>
	<li>
		<a data-toggle="tab" href="#" data-target="#(post number)-2">Tab 2</a>
	</li>
</ul>

<!-- This is what will be in each tab -->
<div class="tab-content">
	<div id="1" class="tab-pane fade active in">This is the first part of the post</div>
	<div id="2" class="tab-pane fade">This is the second part of the post</div>
</div>

This makes:

This is the first part of the post
This is the second part of the post

*Note that this is not a full guide. This is just to help myself remember. If you are confused and also want to do it, let me know.