One of the best source for a responsive easy adaptable responsive multi column layout is http://www.responsivegridsystem.com
It´s not a bloated framework, neither a boilerplate or similar. It´s just a little bunch of very smart code to create a responsive div layout. I´ll use it at the frontpage of XSimulator.net.
Just a example for a responsive three column layout:
HTML:
<div class="col span_1_of_3">Column 1</div> <div class="col span_1_of_3">Column 2</div> <div class="col span_1_of_3">Column 3</div>
CSS
/* Reset - Responsive first */
.col:first-child {
margin-left: 0;
}
.col {
display: block;
float: left;
margin: 1% 0 1% 1.6%;
}
.span_1_of_3 {
width: 31.7%;
}
/* non responsive */
@media (max-width: 643px) {
.span_1_of_3 {
width: 100%;
}
.col {
margin: 1% 0 1% 0%;
}
}
Result: (Scale your browser to see it responsive):
Column 1
Column 2
Column 3