title: data-toggle="tab" , activating second tab on page load
body: <p>I know this question has already been asked, I have gone through the previous questions but somehow nothing worked for me so I thought I should post this.</p>
  
  <p>I want to highlight the second tab on page load and when a particular button is clicked, I want to highlight the first tab.</p>
  
  <p>Setting class as "Tab Pane Active" for the second tab doesn't work. </p>
  
  <pre><code>&lt;ul class="nav nav-tabs"&gt;
      &lt;li&gt;&lt;a href="#search" data-toggle="tab"&gt;Search&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#home" data-toggle="tab"&gt;User Details&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#info" data-toggle="tab"&gt;More Info&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content" id="tabs"&gt;
      &lt;div class="tab-pane" id="search"&gt;...Content...&lt;/div&gt;
      &lt;div class="tab-pane active" id="home"&gt;...Content...&lt;/div&gt;
      &lt;div class="tab-pane" id="info"&gt;...Content...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>