Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<div class="row">
    <div class="span4">
        <table class="table table-bordered table-striped">
            <tbody>
                <td>A very very very very very wide column that is still well behaved</td>
                <td>Because it has spaces</td>
            </tbody>
        </table>
    </div>
    <div class="span2">
        <table class="table table-bordered table-striped">
            <tbody>
                <tr>
                    <td>A</td>
                    <td>B</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="row">
    <div class="span4">
        <table class="table table-bordered table-striped">
            <tbody>
                <tr>
                    <td>AVERYLONGCOLUMNWITHOUTSPACES</td>
                    <td><button class="btn btn-primary">Under 2nd Table</button></td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="span2">
        <table class="table table-bordered table-striped">
            <tbody>
                <tr>
                    <td>A</td>
                    <td>B</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}

.chop-overflow {
    overflow-x:scroll;
}