title: how to maintain the image aspect ratio in bootstrap carousel
body: <p>I am attempting to use the bootstrap carousel and started with example as shown here: <a href="http://getbootstrap.com/examples/carousel/" rel="nofollow noreferrer">http://getbootstrap.com/examples/carousel/</a></p>
  
  <p>I have loaded test jpg (1200x480) into slides, but when you resize the browser, the images are shortened in the horizontal direction while maintaining the vertical size resulting in an increasingly distorted image as the browser is made smaller.  </p>
  
  <p>I've searched and found others with the same issue or some similar issue but no one has suggested anything that actually works.</p>
  
  <p>Does anyone have a solution for maintaining the image aspect ratio for jpg in the bootstrap carousel?</p>