Bootstrap3, как сделать так, что бы изображения не растягивались и не нарушались пропорции?

Question

[belomorio]

Есть страница с каруселью написаная на bootstrap3. Карусель растянута на всю ширину страницы и имеет высоту в 500px. Когда загружаются картинки, созданные holder.js, все выглядит очень круто, но когда подключаю свое изображение, оно растягивается на всю площадь карусели. Т.е. width 100%, а height 500px. Как сделать, что бы картинки выравнивались в блоке посередине и сохраняя пропорции растягивались на 500px в длину?

Answer 1

[Евгений]

Положите слайд в контейнер, для которого задавайте высоту в 500 пикселей и overflow: hidden.