Bootstrap открытие вкладки по якорю

Чтобы открыть вкладку по якорной ссылке в Twitter Bootstrap 3, можно воспользоваться следующим методом.

Создадим табы

<ul class="nav nav-tabs" role="tablist" id="myTab">
  <li role="presentation" class="active"><a href="#tab1" role="tab" data-toggle="tab">Home</a></li>
  <li role="presentation"><a href="#tab2" role="tab" data-toggle="tab">Profile</a></li>
  <li role="presentation"><a href="#tab3" role="tab" data-toggle="tab">Messages</a></li>
</ul>
 
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="tab1">Tab 1</div>
  <div role="tabpanel" class="tab-pane" id="tab2">Tab 2</div>
  <div role="tabpanel" class="tab-pane" id="tab3">Tab 3</div>
</div>

Создадим скрипт и встаим его в html код страницы. Можно прямо в

<script>
$(document).ready(function () {
    var hash = window.location.hash;
    hash && $('ul.nav-tabs a[href="' + hash + '"]').tab('show');
});
</script>

Создадим ссылки на табы

<a href="/custompage#tab1">Link to tab 1</a>
<a href="/custompage#tab2">Link to tab 2</a>
<a href="/custompage#tab3">Link to tab 3</a>