html - 全高 - Web 响应式 - Twitter Bootstrap

Question

有人知道如何在 Twitter Bootstrap 中设置 div 在所有分辨率下始终处于全高（屏幕高度的 100%）？

我会非常感谢任何帮助。

Answer 1

基本上，DIV 的任何父容器也需要为 100%——这包括 BODY、HTML 等。您可以在“bootstrap.css”之后添加一些 CSS 来覆盖 Bootstrap CSS，如下所示：

html,body{height:100%;}

.container {
    height:100%;
}

.fill{
    width:100%;
    height:100%;
    min-height:100%;
    background-color:#990000;
    padding:10px;
    color:#efefef;
}

http://jsfiddle.net/skelly/zrBGw/