Bootstrap, less - 制作一个高度 = 宽度的盒子

Question

我正在尝试减少和引导混合。我需要的是一个有 4 列且高度相同的盒子。

.box-4x4 {
  .make-lg-column(4);
  height: ?
}

有什么方法可以用LESS来计算吗？

Answer 1

只需查看.make-lg-column mixin 的the definition 并将其应用于height，例如：

.box-4x4 {
    @columns: 4;
    .make-lg-column(@columns);
    @media (min-width: @screen-lg-min) {
        height: percentage((@columns / @grid-columns));
    }
}