title: Twitter Bootstrap Modal is dark?
body: <p>All of my bootstrap code is working except the modal.  The Modal shows, but the entire screen is dark.  That is, the modal seems to be "behind" the gray.</p>
  
  <pre><code>  &lt;link href="assets/css/bootstrap.css" rel="stylesheet"&gt;
    &lt;link href="assets/css/bootstrap-responsive.css" rel="stylesheet"&gt; 
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="assets/js/bootstrap.js"&gt;&lt;/script&gt;
  
    &lt;a href="#myModal" data-toggle="modal"&gt;Login&lt;/a&gt;
  
    &lt;div id="myModal" class="modal hide fade in" aria-hidden="true"&gt;
        &lt;div class="modal-header"&gt;
            &lt;button type="button" class="close" data-dismiss="modal"&gt;X&lt;/button&gt;
             &lt;h3 id="myModalLabel"&gt;Log in&lt;/h3&gt;
         &lt;/div&gt;
         &lt;div class="modal-body"&gt;
           &lt;p&gt;
              &lt;form class="modal-form" id="loginform" &gt;
                &lt;input type="text" name="username" placeholder="login" id="username"&gt;
                &lt;input type="text" name="password" placeholder="password" id="userpassword"&gt;
               &lt;/form&gt;
            &lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
              &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
              &lt;button class="btn btn-success"&gt;Login&lt;/button&gt;
          &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>