title: Control active tab on bootstrap
body: <p>I made tabs on bootstrap.</p>
  
  <pre><code>&lt;div class="tabbable tabs-left"&gt;
      &lt;ul class="nav nav-tabs"&gt;
          &lt;li&gt;&lt;a href="#menu23" data-toggle="tab"&gt;Beethoven&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#menu24" data-toggle="tab"&gt;Bach&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div class="tab-content"&gt;
          &lt;div class="tab-pane" id="menu23"&gt;
              item1
          &lt;/div&gt;
          &lt;div class="tab-pane" id="menu24"&gt;
              item2
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I want to activate item1 or item2 by button or some action.</p>
  
  <p>How can I make it ?</p>