Как сделать так, чтобы высота блока была равна ширине?

Question

[Борис Белов]

Добрый вечер.
Дано:
Есть блоки, которые верстаются через bootstrap, логично что при параметре col-xs-6, блоки растягиваются.


Как можно задать высоту блока, чтобы она рассчитывалась от в зависимости от ширины блока?

Answer 1

[Serj-One]

codepen.io/Serj-One/pen/XdKxEB - на js
codepen.io/Serj-One/pen/grMBdr - без js, но с лишними обёртками.

Comments

[Борис Белов]

спасибон!

Answer 2

[Александр Быковский]

В данном варианте устанавливается одинаковая макстмальная высота блоков одного класса (col)

var maxheight = 0;
$("div.col").each(function() {
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});

$("div.col").height(maxheight);

Comments

[Борис Белов]

спасибо за ответ!