title: Stretch image to fit full container width bootstrap
body: <p>I have an image that's 1300px wide, using bootstrap I want this image to fill the full width of my container which is set to 1300px. I create a row, give it a full 12 columns and then add in the image with a class of image responsive. With this set up I get the output below.</p>
  
  <p><a href="https://i.stack.imgur.com/aZsVq.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/aZsVq.jpg" alt="enter image description here"></a></p>
  
  <p>I want my image to stretch all the way along to where my image is in my content, here is my code. </p>
  
  <pre><code>  &lt;div class="row"&gt;
      &lt;div class="container"&gt;
        &lt;div class="col-md-12"&gt;
          &lt;img src="&lt;?php bloginfo('template_directory'); ?&gt;/assets/img/homeBanner.jpg" alt="placeholder 960" class="img-responsive"/&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The image is set to width 100% so not sure why it isn't filling the container.</p>