在引导程序中创建一个与宽度相同的div

Question

我试图在引导程序中使div高度与col-md-3的宽度相同，以便在页面调整时保持其“正方形”。在自举之外我使用vw，但这不是这种情况，并且高度100％;不起作用。有任何想法吗？？需要简单和动态。

Answer 1

从我看到的内容已经回答过。

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

width = padding=top 

这里css height same as width

Answer 2

见引导使相同的高度宽度。在科拉姆宽度加到填充，这样就可以得到一个方盒子

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

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