feh1ks
3/14/2017 - 1:07 PM

Use multiple bootstrap tabs with one nav

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>