JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container-fluid fill">
        <div class="row-fluid">
            <div class="span3">
                <ul>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                </ul>
            </div>
            <!-- Main hero unit for a primary marketing message or call to action -->
            <div class="span9 hero-unit filler">
                <h1>Hello, world!</h1>
                <p>Vestibulum  id  ligula porta felis euismod semper. Integer posuere erat a  ante  venenatis dapibus posuere velit aliquet. Duis mollis, est non  commodo  luctus, nisi erat porttitor ligula, eget lacinia odio sem nec  elit.</p>
                <p><a class="btn primary large">Learn more »</a></p>
            </div>
        </div>
        <!-- // End Content -->
    </div>

CSS

html, body { 
    height: 100%; 
}

.fill{
    min-height: 100%;
    position: relative;    
}

.filler:after{
    background-color: inherit;
    bottom: 0;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    width: inherit;
    z-index: -1;  
}