html - Bootstrap : Propagate container height/width

Question

我有以下 html :

<div class="container-fluid" style="height: 80px;">
  <div class="row">
    <div class="component">
       ...
    </div>
  </div>
</div>

如何让我的组件与容器具有相同的高度？我可以在行和组件上设置 height:inherit; 但我想知道是否还有其他方法。

Answer 1

您可以在所有三个上使用相同的 CSS 类..

<div class="container-fluid equal">
  <div class="row equal">
    <div class="component equal">
       ...
    </div>
  </div>
</div>

.equal {
   height: 80px;
}

http://bootply.com/IkDJD4cf5G