Bootstrap Tab で任意のイベントでタブ遷移

jQueryで任意のイベントを検出し, $('.nav-tabs a[href="#タブ名"]').tab('show');を呼べばOK.

html

 <!-- タブ -->
 <div>
   <ul class="nav nav-tabs center">
     <li class="active">
       <a href="#main" data-target="#main" data-toggle="tab">
         基本情報
       </a>
     </li>
     <li>
       <a href="#access" data-target="#access" data-toggle="tab">
         アクセス
       </a>
     </li>
   </ul>
 </div>

 <!-- 各タブのなかみ -->
 <div class="tab-content">
   <div role="tabpanel" class="tab-pane active fade in" id="main">

     （省略）

     <button id="change-to-access-tab" class="btn btn-primary">タブを切り替えるボタン</button>
   </div>
   <div role="tabpanel" class="tab-pane fade in" id="access">

     （省略）

   </div>
 </div>

 <!-- jQuery -->
 <script>
 $(function() {
   // ボタンクリックでタブを切り替え
   $('#change-to-access-tab').click(function(e) {
     $('.nav-tabs a[href="#access"]').tab('show');
   });    
 });
 </script>