title: How to add text over the image in bootstrap
body: <p>I am noob in bootstrap and making one simple responsive web design. I had given the bootstrap container the image now i want to add text over the images, so i can add more text and images on that container. I tried on google but didn't find the exact answer. Please help</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-12 col-sm-6 col-md-8 col-centered"&gt;
              &lt;div class="maintxt"&gt;
                  &lt;img src="background.png" class="img-responsive"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is the image, what i want - <a href="http://i.imgur.com/FAPXpFL.jpg" rel="noreferrer">http://i.imgur.com/FAPXpFL.jpg</a></p>