title: How to load a background image for a div in bootstrap responsive page
body: <p>I need to load a background image for the center <code>div</code>.</p>
  
  <p><strong>HTML</strong>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;text
              &lt;div class="row"&gt;
                  &lt;div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-8 col-xs-offset-2" style="background:red;color:white"&gt;TEXT with background image&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong>:</p>
  
  <pre class="lang-css prettyprint-override"><code>@import url('http://getbootstrap.com/dist/css/bootstrap.css');
  </code></pre>