Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Simple responsive grid system that allows for multi-level rows, and supports ie8.
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
js
.gitattributes
.gitignore
README.txt
example-content.html
example.html

README.txt

	HOW IT WORKS
	
	---------------------------------------------------------

	.container

	Add this class to your page wrapper to center it to the 
	browser window and set the width of the page.

	.row

	Add this class to any element that spans the entire width 
	of your container to clear any floating child elements. 
	Also allows you to define spacing between rows.

	.col

	Add this class to child elements of a row to float left 
	and add the default gutter width. This class must be 
	used in conjuction with one of the span classes below.

	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, 
	.span_7, .span_8, .span_9, .span_10, .span_11, .span_12

	Add one of these classes to a each col element to set it's 
	fluid width. On smaller screen sizes these elements will 
	default to stack vertically.

	.row, .col, .clr, .group

	Add either of these classes to an element to clear it's 
	floating children. Uses the 'clearfix' method.
	
	---------------------------------------------------------
	
	12 COLUMN - RESPONSIVE GRID SYSTEM
	
	RE-DEVELOPED BY DAVID ROONEY TO ALLOW FOR MULTI-LEVEL 
	GRID ROWS AND ADDED MEDIA QUERY SUPPORT FOR IE8, WHICH IS 
	REQUIRED FOR A MOBILE FIRST APPROACH. ( WITH THANKS TO 
	DENIS LEBLANC FOR THE ORIGINAL - http://responsive.gs )
	
	URL - http://zavadesign.com
	VERSION - 1.0
	LICENSED UNDER GPL & MIT
Something went wrong with that request. Please try again.