Pracuję z bootstrapem 3 i mam problemy z połączeniem adresu URL z konkretną kartą, panel się zmienia, ale aktywowana karta nie działa. Więc chcę linię<a href="#tab2" data-toggle="tab">link</a>, aby przejść do tab2, ale tylko do panelu tab2, nie aktywuje karty.

Oto html:

<div class="tabbable">
 <ul class="nav nav-tabs">
  <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
  <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
  <li><a href="#tab3" data-toggle="tab">Section 3</a></li>
 </ul>

 <div class="tab-content">
  <div class="tab-pane active" id="tab1">
     <p><a href="#tab2" data-toggle="tab">link</a>.</p>
  </div>

  <div class="tab-pane" id="tab2">
     <p> I'm in Section 2.</p>
  </div>

 <div class="tab-pane" id="tab3">
   <p>Howdy, I'm in Section 3 </p>
  </div>
 </div>
</div>

Możesz to sprawdzić w tym linkuhttp://bootply.com/90412