Twitter bootstrap 是否有可能使用引导进行垂直缩放？

此代码仅水平缩放：

   <div class="row">
       <div class="box col-xs-3"></div>
       <div class="box col-xs-3"></div>
       <div class="box col-xs-3"></div>
       <div class="box col-xs-3"></div>
    </div>

高度也应该是可伸缩的，有人知道如何使用bootstrap实现这一点吗

此处的宽度和高度相同：

调整窗口大小后，宽度和高度不再相同：

例如：

.box {height: 10%;}
@media (max-width: 767px) {
    .box {height: 15%;}
}
@media (max-width: 959px) {
    .box {height: 20%;}
}

---

当然，断点应该与引导使用的断点相匹配。这里的问题是，每个

.box

的内容可能超过其高度。这是相当不标准的

可伸缩性？这是什么意思？默认情况下，div扩展到其内容。我希望一个框在宽度改变时改变其高度。我在这篇文章中找到了解决方案：问题是当我使用百分比时，框的高度保持在0。我认为这是因为它是一个div，而不是一个图像。