Bootstrap Grille Hauteur De La Colonne De 100%

Je suis en utilisant bootstrap système de grille de faire quelques grilles imbriquées. Le seul problème est que je ne peux pas obtenir la grille afin qu'ils couvrent la totalité de l'écran, pour l'instant, ses juste 1 ligne de haut.

Est-il un moyen de le rendre remplissage 100% du conteneur parent? J'ai essayé des choses simples comme css attributs de hauteur.

c'est mon code ci-dessous

    <div class="container">
<div class="row" style="height:100vh">
    <div class="col-md-6" style="height:100%">
        <div class="row" style="height:50%">
            <div class="col-md-6">2</div>
            <div class="col-md-6">3</div>
        </div>
        <div class="row" style="height:50%">
            <div class="col-md-6">4</div>
            <div class="col-md-6">5</div>
        </div>
    </div>
    <div class="col-md-6" style="height:100%">
        1
    </div>
</div>
Trouvé une solution. À l'aide de hauteur:100vh sur la première ligne, elle se propage de la div de la page entière, puis à l'aide de pourcentages normaux à l'intérieur de la ligne des échelles les autres divs relativement.

OriginalL'auteur mwild | 2015-04-21

  1. 2

    Vous pouvez ajouter height:100% à chaque .col-md-6.

    Voir ici: http://codepen.io/Nazzanuk/pen/yNLNBd

    OriginalL'auteur Nazzanuk

  2. 0

    Utiliser les CSS fenêtre d'affichage unités:

    http://caniuse.com/#feat=viewport-units

    C'est de la magie!

    OriginalL'auteur Thomas Decaux

  3. 0

    Pour la div pour développer pleinement, div .col-md-6 { height:100%; position:relative; } devrait fonctionner. Pouvons-nous voir votre CSS?

    affichage d'un parent ?

    OriginalL'auteur Sindre Bøyum