title: Showing bootstrap pill active by default
body: <p>I have a bootstrap ul and li like the following:</p>
  
  <pre><code>&lt;ul class="nav nav-pills"&gt;
      &lt;li&gt;&lt;a data-toggle="pill" href="#Tab1"&gt;Tab1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a data-toggle="pill" href="#Tab2"&gt;Tab2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a data-toggle="pill" href="#Tab3"&gt;Tab3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But the only problem is that on loading of the page, it does not show Tab1 colored by default.
  I would like to show the Tab1 colored. Is there any way to accomplish this?</p>
  
  <p>Thanks in advance.</p>
  
  <p>Cheers!</p>