title: How to stop Bootstrap's responsive carousel images becoming too small in small screen/windows?
body: <p>I am making a website using bootstrap.
  I have carousel images in the homepage, but when I make the browser window small or open it in smart phone the carousel images become too small and odd looking.</p>
  
  <p>Here's what I mean:
  <a href="http://www.bootply.com/BmzEiDLmC4" rel="nofollow">http://www.bootply.com/BmzEiDLmC4</a></p>
  
  <p>I would like to have an effect where the image height can remain constant and the image gets cropped on left and right when the browser window is smaller. Something like this:</p>
  
  <p><a href="http://www.fuseproject.com/" rel="nofollow">http://www.fuseproject.com/</a></p>
  
  <p>I have tried finding it on Goolge as well as Stakoverflow but can't seem to find a solution.</p>
  
  <p>This might be a simple issue - but with my limited knowledge in web development I am not able to find the solution. I would really appreciate if anyone could help.</p>
  
  <p>Thank you!</p>