JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="container sect sect1">
    <span class="1">F00</span>
    <span class="11">bar</span>
</div>

<div class="container sect sect2">
    <span class="1">F00</span>
    <span class="11">bar</span>
</div>


<div class="container sect sect3">
    <span class="1">F00</span>
    <span class="11">bar</span>
</div>

CSS

body {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.sect{
   /* height: inherit; */    
}

.sect1{
    background-color: red;
}

.sect2{
    background-color: blue;
}
.sect3{
     background-color: green;
}

JavaScript

$(document).ready(function(){
    $('.sect').css('height', $(window).height());
})