全高 - Web响应 - Twitter Bootstrap

时间:2013-03-05 18:05:08

标签: html5 css3 twitter-bootstrap responsive-design

有人知道如何在Twitter Bootstrap中设置div,以便在所有分辨率下始终处于全高(屏幕高度的100%)?

我真的很感激任何帮助。

1 个答案:

答案 0 :(得分:10)

基本上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/