Responsive images with .embed-responsive

Created by: codecalm

Hi! I've added object-fit: cover to .embed-responsive-item. It's useful, when you want to responsive images with exact ratio. Without this fix images are crushed.

Demo: http://jsfiddle.net/jhybufos/

Preview:

Code:

<div class="embed-responsive embed-responsive-1by1">
   <img src="https://placehold.it/1280x600" alt="" class="embed-responsive-item">
</div>