我有一个容器,我想使用引导网格分成两个水平行.
顶行应占高度的80%,其余部分占底部.
- <div class="container-fluid">
- <div class="row" style="height:80%">
- <div class="col-xs-12">This should take up 80% of the height</div>
- </div>
- <div class="row">
- <div class="col-xs-12">This should take up the remaining 20% of the height</div>
- </div>
- </div>
我尝试将高度:80%作为内联样式添加到第一行,但它没有任何效果.
我在这里想念的是什么?
解决方法
组
- body,html,.container-fluid {
- height: 100%;
- }