Twitter Bootstrap 100% Height DIV

All outer containers (Including) html and body must be height 100%

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<div class="container">
    <div class="row">
        <div class="col-md-12">header section</div>

    </div>
     <div class="row fill">
        <div class="col-md-4">Navigation</div>
        <div class="col-md-8">Content</div>

    </div>
</div>

CSS

html,body{height:100%;}

.container {
    height:100%;
}


.fill{
    width:100%;
    height:100%;
    min-height:100%;
    padding:10px;
    color:#efefef;
    background: blue;
}
.col-md-12
{
    background: red;
        
}

.col-md-4
{
    background: yellow;
    height:100%;
    min-height:100%;
    
}
.col-md-8
{
    background: green;
    height:100%;
    min-height:100%;
    
}