Force-Grid
Simplied Responsive Grid for Visualforce Pages and HTML AppsRead detailed blog post here
Simplified and Powerful Control
You make your own combinations in an easy fashion.
$col-groups: (12, 6, 9);
sfgrid__col--1-by-2
sfgrid__col--1-by-2
sfgrid__col--1-by-3
sfgrid__col--2-by-3
sfgrid__col--3-by-3
sfgrid__col--1-by-3
sfgrid__col--1-by-3
sfgrid__col--1-by-3
1-by-4
1-by-4
2-by-4
3-by-4
1-by-4
1-by-4
1-by-4
1-by-4
1-by-4
1-by-5
1-by-5
1-by-5
1-by-5
3-by-5
2-by-5
Fixed width gutters
No fluid gutter width bullcrap. This is the real deal. What you set is what you get.
$gutter-width: 20px;