title: Bootstrap 2 images on top and 1 beside matching height?
body: <p>I have an image I am trying to replicate as seen in the image. I am trying to use bootstrap to limit the CSS. </p>
  
  <p>The image I am copying is this </p>
  
  <p><a href="https://i.stack.imgur.com/gBaVo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gBaVo.png" alt="Image here"></a>
  I have being trying to wrap my head around it but can't seem to figure it out. Below is an example of the code I have so far</p>
  
  <pre><code>&lt;div class = "container col-md-offset-2"&gt;
    &lt;div class="row"&gt;
    &lt;div class="col-md-8 "&gt;
  
      &lt;div class="row"&gt;
        &lt;div class="col-md-12 well"&gt;&lt;img class = "img-responsive" src=""&gt;&lt;/div&gt;
      &lt;/div&gt;
          &lt;div class="row"&gt;
        &lt;div class="col-md-12 well"&gt;&lt;img class = "img-responsive" src=""&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-md-4 well"&gt;&lt;img class = "img-responsive" src=""&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>