title: how to display text over an image in Bootstrap 3.1
body: <p>I would like to add text which displays over an image.</p>
  
  <p>Essentially, this what my code looks like:</p>
  
  <pre><code>&lt;div class="ek-background"&gt;
  &lt;div class="row"&gt;
  &lt;section id="container"&gt;
      &lt;div class="container col-sm-4 col-sm-offset-2"&gt;
      &lt;div class="pull-right"&gt;
          &lt;h1&gt;TITLE HERE&lt;/h1&gt;
              &lt;h2&gt;Let us build your preview for free&lt;/h2&gt;
      &lt;/div&gt;  
          &lt;img src="img/img/flow-1.png" class="align-center img-responsive"&gt;
              &lt;div class="col"&gt;
                  &lt;div class="col-sm-4"&gt;
                      &lt;p&gt;this is a test&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I cannot manage to get "this is a test" onto the proposed section of the image. </p>
  
  <p>I would like to use the parameters of bootstrap.min.css to keep everything consistent. Also, since this will be a responsive design website, I am wanting the text to be responsive with the image so that it does not lose its position</p>
  
  <p>If anyone could help, that would be great :)</p>