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.1.0/bootstrap.min.js"></script>
<div class="container-fluid">
<div class="row-fluid">
<div class="span2" style="background-color: #000">
the span2
</div>
<div class="span10 animals">
<div id="container">http://jsfiddle.net/MgcDU/5221/#fork
<div class="well item span3">
<legend>Animals</legend>
<ul>
<li>cat</li>
<li>dog</li>
<li>rat</li>
</ul>
</div>
<div class="well item span3">
<legend>Animals</legend>
<ul>
<li>cat</li>
<li>dog</li>
<li>rat</li>
</ul>
</div>
<div class="well item span3">
<legend>Animals</legend>
<ul>
<li>cat</li>
<li>dog</li>
<li>rat</li>
</ul>
</div>
<div class="well item span3">
<legend>Animals</legend>
<ul>
<li>cat</li>
<li>dog</li>
<li>rat</li>
</ul>
</div>
<div class="well item span3">
<legend>Animals</legend>
<ul>
<li>cat</li>
<li>dog</li>
<li>rat</li>
</ul>
</div>
<div class="well item span3">
<legend>Animals</legend>
<ul>
<li>cat</li>
<li>dog</li>
<li>rat</li>
</ul>
</div>
<div class="well item span3">
<legend>Animals</legend>
<ul>
<li>cat</li>
...
CSS
@import url('https://twitter.github.com/bootstrap/assets/css/bootstrap.css');
html {
margin-top: 10px;
}
.row-fluid .animals [class*="span"]:first-child {
margin-left: 2.127659574468085%;
}