在bootstrap中使div的高度与宽度相同

Question

我试图让div的高度和bootstrap中的col md-3一样宽，这样当页面调整时，它会保持它的“正方形”。在bootstrap之外，我使用的是大众，但这里不是这样，高度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/