Pleine hauteur - Web Responsive - Twitter Bootstrap

Que quelqu'un sait comment faire pour configurer, Twitter Bootstrap, un div pour être toujours en pleine hauteur (100% de la hauteur de l'écran), dans toutes les résolutions?

Je vais vraiment apprécier l'aide.

OriginalL'auteur Alan Gularte | 2013-03-05

  1. 10

    Fondamentalement, n'importe quel parent conteneurs de la DIV, il faut aussi être à 100%, ce qui inclut le CORPS, HTML, etc.. Vous pouvez ajouter un peu de CSS à la suite de " bootstrap.css' pour remplacer le Bootstrap CSS comme ceci:

    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/

    Salut Skelly! Merci beaucoup! Il a travaillé!
    Dans mon cas (Windows + Chrome) j'ai une barre de défilement verticale, en raison de l'padding: 10px. À l'aide de la box-sizing: border-box; corrige le problème (je suis fondamentalement changer le modèle de boîte).

    OriginalL'auteur Zim