如何将Bootstrap列限制为特定列的高度？

Question

使bootstrap的列高度相同，这里已经回答：

How can I make Bootstrap columns all the same height?

但是我有一些不同的要求。

具体来说，我需要将列的高度限制为特定列的高度。

例如，如果我们分别有2列(100px, 50px)，我希望我的第一列的高度为50px，我将会使用overflow:hidden） in。（注意，高度是动态的，但我总是想使用第一列的高度）

纯css有可能吗？或者我必须使用javascript来完成此任务吗？

Answer 1

当然，为什么不使用像这样的特殊CSS类来限制高度..

.row.limit [class*="col-"]{
  max-height:50px;
  overflow:hidden;
}

http://bootply.com/3LIJcG0SBe

如果您不需要将类应用于所有 Bootstrap列（col- *），那么应用特定的CSS选择器会更好。然后将limit添加到a​​pproprite列...

.limit {
  max-height:50px;
  overflow:hidden;
}