title: Show the correct tabs when Bootstrap Modal is called
body: <p>I have three buttons in my homepage and a modal with three tabs. I want to fire up the correct tab when the respective buttons are clicked. How should I go about it?</p>
  
  <p>For example: I want to show the "Careers" tab if the Careers button is clicked. Likewise, the same for Contact &amp; Partners too.</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-xs-4"&gt;&lt;a data-toggle="modal" data-target="#myModal"&gt;&lt;span class="btn btn-primary"&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div class="col-xs-4"&gt;&lt;a data-toggle="modal" data-target="#myModal"&gt;&lt;span class="btn btn-primary"&gt;Careers&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div class="col-xs-4"&gt;&lt;a data-toggle="modal" data-target="#myModal"&gt;&lt;span class="btn btn-primary"&gt;Partners&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- modal--&gt;
  &lt;div id="myModal" class="modal fade" role="dialog"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;a href="" class="pull-right" data-dismiss="modal"&gt;CLOSE&lt;/a&gt;
          &lt;ul class="nav nav-tabs"&gt;
              &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a data-toggle="tab" href="#careers"&gt;Careers&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a data-toggle="tab" href="#partners"&gt;Partners&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
  
          &lt;div class="tab-content"&gt;
              &lt;div id="contact" class="tab-pane fade in active"&gt;
                  &lt;h3&gt;Contact Form&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div id="careers" class="tab-pane fade"&gt;
                  &lt;h3&gt;Careers Form&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div id="partners" class="tab-pane fade"&gt;
                  &lt;h3&gt;Partners Form&lt;/h3&gt;
              &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong><a href="https://jsfiddle.net/47uj5gwe/" rel="nofollow">DEMO</a></strong></p>