title: Bootstrap linking to a tab with an url
body: <p>I am working with bootstrap 3, and I am having some problems on linking a url to a specific tab, the panel changes but the activated tab doesnt.
  So I want the line <code>&lt;a href="#tab2" data-toggle="tab"&gt;link&lt;/a&gt;</code>, to go to the tab2, but it only goes to the panel of the tab2, it doesn't activate the tab.</p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div class="tabbable"&gt;
   &lt;ul class="nav nav-tabs"&gt;
    &lt;li class="active"&gt;&lt;a href="#tab1" data-toggle="tab"&gt;Section 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#tab2" data-toggle="tab"&gt;Section 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#tab3" data-toggle="tab"&gt;Section 3&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  
   &lt;div class="tab-content"&gt;
    &lt;div class="tab-pane active" id="tab1"&gt;
       &lt;p&gt;&lt;a href="#tab2" data-toggle="tab"&gt;link&lt;/a&gt;.&lt;/p&gt;
    &lt;/div&gt;
  
    &lt;div class="tab-pane" id="tab2"&gt;
       &lt;p&gt; I'm in Section 2.&lt;/p&gt;
    &lt;/div&gt;
  
   &lt;div class="tab-pane" id="tab3"&gt;
     &lt;p&gt;Howdy, I'm in Section 3 &lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>You can test this in this link <a href="http://bootply.com/90412" rel="noreferrer">http://bootply.com/90412</a></p>