title: Full body background with Twitter Bootstrap
body: <p>I am trying to work on a new project using Twitter's Bootstrap framework, but I am having an issue. I want a full body background, yet the background seems to be limited to the height of the container div. here is the HTML/CSS code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset='UTF-8'&gt;
          &lt;meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'&gt;
          &lt;link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css"&gt;
          &lt;title&gt;Bootstrap Issue&lt;/title&gt;
          &lt;style&gt;
            body { background: black; }
            .container { background: white; }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="container"&gt;
            &lt;h1&gt; Hello, World!&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>How can I get the body to take up the entire screen?</p>