
						// ---------------------- //
						/* GRID SYSTEM COMPARISON */
						// ---------------------- //


		BioShip Theme	 Skeleton 	960 Grid								 Twitter
		 Framework	Boilerplate 	 System		Blueprint	Foundation				Bootstrap				
			
Grid Columns	12/16/20/24	   16		12 or 16	   24		  12					   12*

Units		    em		   px		   px		   px		   %					    %
			
Container	.container	.container	.container_12	.container	.row				.container, .row
		or .row				.container_16							.container-fluid
						
Grid Column	.spanX	 	.spanX		.grid_X  	.span-X         .small-X.column			.col-xs-X,.col-sm-X
		.{xxx}.columns	.{xxx}.columns					.medium-X.column		.col-md-X,.col-lg-X
		     								.large-X.column
		     
Offset Left	.offsetleftX	.offsetX	.prefix_X	.prepend-X	.small-offset-X			.col-xs-offset-X,.col-sm-offset-X	
		margin-left	padding-left	padding-left    padding-left	.medium-offset-X		.col-md-offset-x,.col-lg-offset-X	
										.large-offset-X				   margin-left				
										    margin-left

Offset Right	.offsetrightX	  n/a		.suffix_X	.append-X		n/a				     n/a
		margin-right			padding-right	padding-right

Pull		.shiftleftX	  n/a		.pull_X		.pull-X		.pull-X,.small-pull-X		.col-xs-pull-X,.col-sm-pull-X
		-margin-left			  -left		-margin-left	.medium-pull-X,.large-pull-X	.col-md-pull-X,.col-lg-pull-X
											right				    right
															    
Push		.shiftrightX	  n/a		.push_X		.push-X		.push-X,.small-push-X		.col-xs-push-X,.col-sm-push-X		
		-margin-right			  left		*margins*	.medium-push-X,.large-push-X	.col-md-push-X,.col-lg-push-X
											left				   left
															    
Extra Ref: https://scotch.io/tutorials/cheat-sheet-for-comparing-bootstrap-and-foundation-css-classes