title: Bootstrap columns set image col height to text col height
body: <p>i made myself a row with 2 columns with the left one being filled up with text and the right one being an image, now since the image is bigger than the text, i want the image to being scaled down to the size of the text and then use the pull-right class to keep the image aligned right.</p>
  
  <p>here is what i have now:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-6"&gt;
          // text here
      &lt;/div&gt;
      &lt;div class="col-md-6"&gt;
          // image here
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>for some reason i cant add bootstrap css to a jsfiddle, so i cant show the output, but i can try to explain, the right column where the image is is bigger than the left text column so i want that image to scale with the text column height</p>
  
  <p>i hope that this makes sense</p>