title: Overlaying a Font Awesome icon over a Bootstrap thumbnail
body: <p>I am having trouble figuring out how to overlay a Font Awesome icon over a Bootstrap thumbnail image and having it scale properly.</p>
  
  <p>This is an example of what my Bootstrap thumbnails are structured like without the Font Awesome icon. </p>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="col-md-4"&gt;
              &lt;div class="thumbnail"&gt;
                  &lt;img src="images/demoreel.png"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col-md-4"&gt;
              &lt;div class="thumbnail"&gt;
                  &lt;img src="images/soma.png"&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div class="col-md-4"&gt;
             &lt;div class="thumbnail"&gt;
                  &lt;img src="images/chomsky.png"&gt;
             &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>