-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating

RESS Essentials

Flexibility of Twitter's Bootstrap grid system is improved in Version 3, but we will use a grid created with another grid-generation script; Gridpak (available at http://gridpak.com/) from Erskine Design is an amazing tool that allows us to create any grid for any media query stop with an intuitive interface. Its main features are as follows:
Interactive creation of percent-based grids with variable column count
Creating media query stops of any screen width
When you create a grid, you can download the following files:
.png
design templates for all the necessary steps
.js
script that draws the grid (the grid visibility can be turned on or off with the g key)
.css
file with media queries and grid columns (with column spans defined as span_x
classes)
.less
and .scss
files
A demo showing the setup of a grid application with some typical blocks
With Gridpak (available at www.gridpak.com), you can create grids with variable column count based on any screen size steps you define...
Change the font size
Change margin width
Change background colour