title: How to fit an image inside a Bootstrap 3 div?
body: <p>I am using a <code>div</code> tag in code as shown below:</p>
  
  <pre><code>&lt;div class="col-sm-6 col-md-6 col-lg-4"&gt;
    &lt;img src="images/dummy_image.png" class="img-responsive"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The user can upload any kind of image and have it displayed here. I want to fit the image inside of the <code>div</code>, meaning specifically that I need to cover the full <code>div</code> using that image as it's resized.</p>
  
  <p>I am using Bootstrap 3.3.7. Please advise. </p>