Достаточно просто сделать пропорциональный див вот так:
1 2 3 4 5 6 7 8 9 10 11 12 |
div { width: 30%; margin: auto; background: silver; overflow: hidden; /* clearfix */ } div:before { content: ""; padding-top: 100%; float: left; } |
играясь параметрами padding-top: 100%; и width: 30% мы получаем ширину и высоту элемента. Не благодарите.
Удобное дополнение для bootstrap .
Вот первоисточник.
ссылка