home.html

<!-- Nav tabs -->
<ul class="nav nav-tabs">
  <li class="active">
  	<a href="#home" data-toggle="tab"><span class="glyphicon glyphicon-home"></span> Inbox <span class="badge">2</span></a>
  	
  </li>
  <li><a href="#profile" data-toggle="tab"><span class="glyphicon glyphicon-dashboard"></span> Dashboard</a></li>
  <li><a href="#messages" data-toggle="tab"><i class="fa fa-envelope"></i> Messages</a></li>
  <li><a href="#settings" data-toggle="tab"><i class="fa fa-wrench"></i> Preferences</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home">
  	<div id="home-content" class="place-holder"></div>
  </div>
  <div class="tab-pane fade" id="profile">...</div>
  <div class="tab-pane fade" id="messages">...</div>
  <div class="tab-pane fade" id="settings">...</div>
</div>