Bootstrap：height = span width /根据.span2宽度制作一个正方形

Question

我想把div设为＆＃34; .span2＆＃34;的高度。 （基本上是一个正方形），也有响应。像这样：

<div class="span2 square>Hello</div>
.span {height: @span2;}

但是我无法在bootstrap中找到一个工作较少变量/类或类似的东西。你能帮忙吗？

最佳

68bydesign

Answer 1

我的理解是.span2有这个。

.span2 {
    width:14.364640883%;
}

既然如此，没有JS解决方案的最接近的是视口单元。

注意：这不是精确方格，但我认为您很难发现差异。

.span2 {
  width: 14.364640883%;
}
.span2.square {
  height: 14.364640883vw;
  border: 1px solid red;
}

<div class="span2 square"></div>