在引导程序中使 div 的高度与其宽度相同答案

【问题标题】：Make a div the same height as its width in bootstrap在引导程序中使 div 的高度与其宽度相同
【发布时间】：2017-09-13 05:50:43
【问题描述】：

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

【问题讨论】：

【解决方案1】：

据我所见，之前已经回答过。

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

width = padding=top

【讨论】：

【解决方案2】：

Bootstrap 使高度与宽度相同。列的宽度被添加到填充中，以便您可以得到一个方形的框

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

【讨论】：