title: twitter bootstrap 3 tab view fade does not work properly
body: <p>I use twitter bootstrap 3 applying <code>.fade</code> to show tabs with fade. That's fine except for the first tab's content is not shown for the first time:</p>
  
  <p><a href="http://jsfiddle.net/tVSv9/">http://jsfiddle.net/tVSv9/</a></p>
  
  <pre><code>&lt;ul class="nav nav-tabs" id="myTab"&gt;
    &lt;li class="active"&gt;&lt;a href="#home" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#profile" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#messages" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
      &lt;div id='content' class="tab-content"&gt;
        &lt;div class="tab-pane fade active" id="home"&gt;
          &lt;ul&gt;
              &lt;li&gt;home&lt;/li&gt;
              &lt;li&gt;home&lt;/li&gt;
              &lt;li&gt;home&lt;/li&gt;
              &lt;li&gt;home&lt;/li&gt;
              &lt;li&gt;home&lt;/li&gt;
              &lt;li&gt;home&lt;/li&gt;
              &lt;li&gt;home&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class="tab-pane fade" id="profile"&gt;
          &lt;ul&gt;
              &lt;li&gt;profile&lt;/li&gt;
              &lt;li&gt;profile&lt;/li&gt;
              &lt;li&gt;profile&lt;/li&gt;
              &lt;li&gt;profile&lt;/li&gt;
              &lt;li&gt;profile&lt;/li&gt;
              &lt;li&gt;profile&lt;/li&gt;
              &lt;li&gt;profile&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class="tab-pane fade" id="messages"&gt;
            this is my message
        &lt;/div&gt;
        &lt;div class="tab-pane fade" id="settings"&gt;&lt;/div&gt;
      &lt;/div&gt;    
  </code></pre>
  
  <p>Where is the problem inside the code?</p>