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 asspan_x
classes).less
and.scss
files
With Gridpak (available at www.gridpak.com), you can create grids with variable column count based on any screen size steps you define...