title: Bootstrap placeholder for the images that are called from a database
body: <p>I need some help with how to add image placeholders, so when one/or many images are called from the database, they position on top of their  placeholder?</p>
  
  <p>I know there is this script I would like to implement <a href="http://imsky.github.io/holder/" rel="nofollow">http://imsky.github.io/holder/</a>
  but how do I ensure that the images called from the database will be displayed over these placeholders?</p>
  
  <p>What code would I need to do this in the html for each image, for example below? pure css would be nice if possible...</p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;div class="row"&gt;
        &lt;div class="col-md-12"&gt;
           &lt;img src="img1" data-src="" class="img-responsive"&gt;
           &lt;img src="img2" data-src="" class="img-responsive"&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>thank you.</p>