Bootstrap 3 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="col-xs-3">
<div class="col-xs-12 visible-xs">XS</div>
<div class="col-xs-12 visible-sm">SM</div>
<div class="col-xs-12 visible-md">MD</div>
<div class="col-xs-12 visible-lg">LG</div>
</div>
<div class="col-xs-3">
<div class="col-xs-12 stretch">
<div class="c1 col-lg-2 col-md-4 col-xs-6"></div>
<div class="c2 col-lg-2 col-md-4 col-xs-6"></div>
<div class="c3 col-lg-2 col-md-4 col-xs-6"></div>
<div class="c4 col-lg-2 col-md-4 col-xs-6"></div>
<div class="c5 col-lg-2 col-md-4 col-xs-6"></div>
</div>
</div>
<div class="col-xs-6">
bloc de droite
</div>
CSS
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
div{
height: 50px;
background-color: #DDDDDD;
}
.stretch{
padding: 0;
}
@media (min-width: 1200px) {
.stretch{
width: 120%;
}
}
.c1{
background-color: #FFAA00;
}
.c2{
background-color: #FF3300;
}
.c3{
background-color: #FF0000;
}
.c4{
background-color: #00AAFF;
}
.c5{
background-color: #00AA00;
}