html – 在Twitter Bootstrap中将100%高度设置为列

我是BootStrap的新手,所以学习绳索并理解它.我试图在列网格中实现100%的高度,使其覆盖页面的100%高度.现在没有设置高度.当我尝试以像素或%指定列col-lg-9和col-lg-3两列的高度时,不会发生任何变化.不知道可能是什么问题.
这是我使用的基本结构

<body>
<div class="row">
"Top bar"
</div>
 <div class="container">
       <div class="row">
        <div class="col-lg-3">
side bar
</div>

 <div class="col-lg-9">
side bar
</div>

</div>

这是每个项目的CSS

@media (min-width: 1200px)
.container {
max-width: 1170px;
}
.row {
margin-bottom: 20px;
}
.col-lg-9 {
width: 75%;
padding: 10px 20px;
border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
-o-border-radius: 0 10px 10px 0;
border: 0 none;
padding-top: 3%;
min-height: 90%;
}
.col-lg-3 {
width: 25%;
background-color: #192D38;
color: #88A7A9;
min-height: 90%;
}
试试这个:

html,body
{
  height: 100%;
}

如果这不起作用,则使用inspect元素,并验证父元素的高度是否为100%. (因为如果他们没有 – 那么子元素将不会达到100%高度,除非它们是位置:绝对或位置:固定

翻译自:https://stackoverflow.com/questions/17920972/setting-100-height-to-columns-in-twitter-bootstrap

转载注明原文:html – 在Twitter Bootstrap中将100%高度设置为列