在引導程序中創建一個與寬度相同的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/