Bootstrap Skeleton
This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.
HTML
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<div>
Example1:
</div>
<div class="container-fluid">
<div class="col-xs-4 panel" style="background: red">
COL1
</div>
<div class="col-xs-4 panel" style="background: yellow">
COL2
</div>
<div class="col-xs-4 panel" style="background: blue">
COL3
</div>
<div class="col-xs-4 panel" style="background: green">
COL4
</div>
<div class="col-xs-4 panel" style="background: purple">
COL5
<br/>COL5
<br/>COL5
</div>
<div class="col-xs-4 panel" style="background: pink">
COL6
</div>
<div class="col-xs-4 panel" style="background: brown">
COL7
</div>
<div class="col-xs-4 panel" style="background: orange">
COL8
</div>
<div class="col-xs-4 panel" style="background: gray">
COL9
</div>
</div>
<div>
Example 1 with clearfix (still no good):
</div>
<div class="container-fluid">
<div class="col-xs-4 panel" style="background: red">
COL1
</div>
<div class="col-xs-4 panel" style="background: yellow">
COL2
</div>
<div class="col-xs-4 panel" style="background: blue">
COL3
</div>
<div class="clearfix visible-xs"></div>
<div class="col-xs-4 panel" style="background: green">
COL4
</div>
<div class="col-xs-4 panel" style="background: purple">
COL5
<br/>COL5
<br/>COL5
</div>
<div class="col-xs-4 panel" style="background: pink">
COL6
</div>
<div class="clearfix visible-xs"></div>
<div class="col-xs-4 panel" style="background: brown">
COL7
</div>
<div class="col-xs-4 panel" style="background: orange">
COL8
</div>
<div class="col-xs-4 panel" style="background: gray">
COL9
</div>
</div>
<div>
Example2:
</div>
<div class="container-fluid">
<div class="col-xs-4 panel" style="background: red">
COL1
<br/>COL1
</div>
<div class="col-xs-4 panel" style="background: yellow">
...
CSS
.col-xs-4 {
border: 1px solid black;
}
.panel {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}