JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div class="clearfix">
    <div id="fixed-width">Hi</div>
    <div id="fluid" class="row-fluid">
        <div id="one" class="span4">a</div>
        <div id="two" class="span4">b</div>
        <div id="three" class="span4">c</div>
    </div>
</div>

CSS

#fixed-width { 
    width:100px;
    float:right;
    background:#FFFF00;
    height:200px;
}
#fluid {
    padding-right:100px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;    
}
#fluid div {
    height:200px;
    vertical-align:top;
}
#one { background:#FF0000; }
#two { background:#FF00FF; }
#three { background:#00FF00; }