Use multiple bootstrap tabs with one nav
####Javascript
$('.c_tabs a[href^="/"]').attr('href', function (i, oldHref) {
return oldHref.substr(1);
});
####HTML
<ul class="list-inline" role="tablist">
<li role="presentation" class="active">
<a href=".tab1" aria-controls="tab1" role="tab" data-toggle="tab">tab 1</a>
</li>
<li role="presentation">
<a href=".tab2" aria-controls="tab2" role="tab" data-toggle="tab">tab 2</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- TAB -->
<div role="tabpanel" class="tab-pane tab1 active">
tab 1...
</div>
<!-- /TAB -->
<!-- TAB -->
<div role="tabpanel" class="tab-pane tab2">
tab 2...
</div>
<!-- /TAB -->
</div>