是否有可能使用Bootstrap垂直扩展？

Question

此代码仅水平缩放：

   <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做到这一点？

宽度和高度在这里相同：

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

Answer 1

例如：

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

当然，你的断点应该与你用于Bootstrap的断点相匹配。这里的问题是每个.box的内容可能超过它们的高度。这是非标准的。