JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="span12" id="header">#header</div>
    </div>
    <div id="main-container">
        <div class="row-fluid">
            <div class="span12" id="main-content">#main-content</div>
        </div>
        <div class="row-fluid">
            <div class="span9" id="left-column">#left-column</div>
            <div class="span3" id="right-column">#right-column</div>
        </div>
    </div>
</div>

CSS

#header { height: 20px; background: #DDD; }
#main-content { height: 20px; background: #DDD; }
#left-column { height: 40px; background: #CCC; }
#right-column { height: 40px; background: #BBB; }
#main-container {
    height: 80px;
    padding: 20px;
    border: 1px solid black;
}