在引导程序中将div设置为与其宽度相同的高度

Question

我试图使div高度与bootstrap中的col-md-3的宽度相同，以便在页面调整时保持其＆＃34; squareness＆＃34;。在bootstrap之外我使用vw，但这不是这里的情况，高度为100％;不起作用。有任何想法吗？？需要简单而有活力。

Answer 1

之前已经从我看到的内容中得到了解答。

div {
  background:orange;
  width:?%;
  padding-top:?%;
}

width = padding=top

请参阅此处css height same as width

Answer 2

Bootstrap的高度与宽度相同。将列的宽度添加到填充，以便您可以获得方形框

.col-md-3{width:25%; padding:25%;}

https://jsfiddle.net/SHABU89/gee3mzsy/