Как принудительно установить пропорции изображению (img)?

Question

[killercrush]

Имеются несколько изображений с разными соотношениями сторон. Они находятся в одной строке, в трех колонках. Используется сетка бутстрапа и для адаптивности изображений класс img-responsive. Надо сделать так чтобы у всех изображений принудительно соотношение сторон было 1:1.

Пример: jsfiddle.net/0mf34ajo

Нашел решение для div jsfiddle.net/ansciath/B8FU8 , думал можно просто вместо div поставить img, добавить display: block, но ничего не вышло. Может что-то сделал не так =(

Answer 1

[Сергей Протько]

jsfiddle.net/0mf34ajo/1