title: How to crop a big image in Bootstrap carousel?
body: <p>how can I crop image in Bootstrap carousel if the resolution exceed the carousel size?</p>
  <p>I've try using this CSS but it don't crop the image1 which is a little bigger than image2 and image2.</p>
  <pre><code>.carousel{width:640px; height:360px;}
  </code></pre>
  <p><a href="http://jsbin.com/hux/1" rel="nofollow noreferrer"><em><strong>DEMO: jsbin.com/hux/1</strong></em></a></p>
  <p>I want the image1 to be cropped like this:</p>
  <p><img src="https://i.stack.imgur.com/Mp1Bs.png" alt="enter image description here" /></p>
  <p><a href="http://jsbin.com/hux/1" rel="nofollow noreferrer"><em><strong>DEMO: jsbin.com/hux/1</strong></em></a></p>