title: Make holder.js same size as other bootstrap thumbnail images?
body: <p>I have a row where one has an image, but the other does not and uses holder.js as a placeholder.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div class="thumbnail"&gt;
              &lt;img src="image.jpg"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div class="thumbnail"&gt;
              &lt;img src="holder.js/100%x100%"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My css for thumbnail is:</p>
  
  <pre><code>.thumbnail &gt; img {
      width: 45%;
  }
  </code></pre>
  
  <p>holder.js doesn't fit the image to bootstrap's thumbnail width and height. It's generating a 248x20 size placeholder image, which is way too small height. The width looks find though.</p>
  
  <p>How do I make the placeholder images the same dimensions as the bootstrap thumbnail images?</p>