SO http://is.gd/ysYFt8

by panchroma

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<div class="container">
    <div class="row">
         <div class="col-xs-12 header">
               <h1>Header</h1>
        </div></div>
      <div class="row col-wrap">
          
          <div class="col-md-3 col"><h1>Nav</h1></div>
        <div class="col-md-9 col">
            <h1>Content</h1>
            <p>Lorem ipsum dolor sit amet, eam dictas utamur vituperatoribus ei, alii idque invenire eu eum. Mei ut patrioque consequuntur, utinam delenit has id, ut natum officiis vix. Vel eu equidem laoreet, an sit delicata partiendo interesset. Oratio quidam suscipiantur usu ei.
  </p>
  <p>
Esse atqui nec ut, alii tale ea has. Mea offendit constituto posidonium id, et aperiam mentitum qui. Deserunt tacimates dignissim pro et, ne quidam apeirian pro. Aeterno principes sit et, et nec liber utinam iudicabit, ex tation perpetua mnesarchum est.
  </p>
  <p>
Ne sea novum omnium, dico putant ei his, meliore pertinax suscipiantur mei an. Ne aeterno mnesarchum pri. Simul audire efficiendi has no, amet meis verear in mei. His ad aperiam quaestio scriptorem.
  </p>
  <p>
Per ea nostrud appareat volutpat, nullam recteque nam at, cu qui maiorum facilisis. Vis lucilius corrumpit democritum cu, eros utroque ad est. Qui doctus senserit democritum an, vero graeco ad qui. Convenire mediocritatem ne ius, mea ne mollis expetendis. Mei no putant volumus, vim an affert consul. Vel ne fierent contentiones, iisque legendos ex ius.
  </p>
  <p>
Nec ipsum paulo vituperatoribus te, habeo mentitum definitiones ius ut. Elitr legendos eloquentiam pro eu, eum agam scripserit cu. Id honestatis reformidans mel, enim iisque vel ex, putent prompta argumentum usu id. Volutpat accommodare ne nam, id eum ipsum volumus, atomorum assueverit scriptorem ne sed.
  </p>
  <p>
Cu vim lorem regione urbanitas. Ea vis unum persequeris, quem oporteat eam ea. Nibh dolore epicurei ut nam. Vidit graeci conclusionemque mea an, ne suavitate...

CSS

@media (max-width: 991px) {
    
html,body, .container{
  height: 100%;
}

.col-md-9{
    height:100%;
}

.col-md-3{
    height:100%;
}
.col-wrap{
    height:100%;
}


}
.col{
   margin-bottom: -99999px;
   padding-bottom: 99999px;
}


.col-wrap{
    overflow: hidden; 
}



/* following styles for illustration only */
.col-md-3{
    background-color:#ffc;
}
.col-md-9{
    background-color:#ccc;
}

.col-xs-12{
    background-color:pink;
}