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/