全高 - 网页响应式 - Twitter Bootstrap

Question

有人知道如何在Twitter Bootstrap中设置一个div始终保持全高度（屏幕高度的100％），在所有分辨率下都可以吗？

我真的很感激任何帮助。

- someone_learning

Answer 1

基本上，DIV 的任何父容器也需要是 100% -- 包括 BODY、HTML 等等。您可以添加一些 CSS，遵循 'bootstrap.css' 的样式来覆盖 Bootstrap 的样式，如下所示：

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/

- Zim

---

在我的情况下（Windows + Chrome），由于填充：10px，我得到了一个垂直滚动条。使用box-sizing: border-box;修复了这个问题（我基本上改变了盒模型）。 - Fábio Duque Silva