title: Twitter Bootstrap: Modal popup won't fade
body: <p>I have the following markup using a twitter bootstrap modal plugin:</p>
  
  <pre><code>    &lt;div class="tabbable"&gt;
          &lt;ul class="nav nav-tabs"&gt;
              &lt;li class="active"&gt;&lt;a href="#tabPeople" data-toggle="tab"&gt;People&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#tabRoles" data-toggle="tab"&gt;Roles&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div class="tab-content"&gt;
              &lt;div class="tab-pane active fade in" id="tabPeople"&gt;
                  &lt;a data-toggle="modal" href="#modalEditPerson1"&gt;Name&lt;/a&gt;
                  &lt;div class="modal hide fade in" id="modalEditPerson1"&gt;
                      &lt;div class="modal-header"&gt;
                          &lt;button class="close" data-dismiss="modal"&gt;
                              ×&lt;/button&gt;
                          &lt;h3&gt;
                              Name&lt;/h3&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-body"&gt;
                          &lt;p&gt;
                              One fine body…&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-footer"&gt;
                          &lt;a href="#" class="btn" data-dismiss="modal"&gt;Close&lt;/a&gt; &lt;a href="#" class="btn btn-primary"&gt;
                              Save changes&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;                   
              &lt;/div&gt;
              &lt;div class="tab-pane fade" id="tabRoles"&gt;
                  &lt;p&gt;
                      Role stuff here.&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>This brings up a modal, but doesn't fade it as in the demo on this page: <a href="http://twitter.github.com/bootstrap/javascript.html#modals" rel="nofollow">http://twitter.github.com/bootstrap/javascript.html#modals</a></p>
  
  <p><strong>UPDATE</strong>
  I have realised that the issue is that it is nested within a .tabbable div which also uses .fade
  I've updated the html above.</p>