SO grid

by panchroma

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<div class="row-fluid">
<div class="span8 offset1 categoryLabel" id="category">category label</div>
<div class="span1 sortby">ALPHABETIC</div>
<div class="span1 sortby">POPULARITY</div>
<div class="span1 sortby">DATE</div>
</div>

CSS

body{
    font-size:50%; /* even at 50% the text is too wide for some of  the columnn headings */
}
.span1, .span8{
    background-color:#ccc;
}