css - Bootstrap : height = span width/make a square based on . span2 宽度

Question

我想将 div 设置为“.span2”(基本上是一个正方形)的高度，它也可以响应。像这样:

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

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

最佳 68by设计

Answer 1

我的理解是 .span2 有这个。

.span2 {
    width:14.364640883%;
}

在这种情况下，最接近但没有 JS 解决方案的是视口(viewport)单元。

注意:这不是一个精确正方形，但我认为您很难发现其中的差异。

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

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