960 Grid

Posted onby admin

A 16 Column 960 Grid

As its name says, the 960 Grid System (or just 960GS) is a CSS framework built on top of a 960px wide grid. This grid can be split in 12 or 16 smaller columns, depending on. May 22, 2012 The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. 960 Grid System. 24 Column Grid 950 30 910 70 870 110 830 150 790 190 750 230 710 270 670 310 630 350 590 390 550 430 510 470 470 30 30 30 30 30 30 30 30 30 30 30.

Based on Skeleton's stripped-down version of the 960 grid, it has 16 columns with semantic class labels such as:

  • one-half
  • one-third
  • two-thirds
  • one-fourth
  • three-fourths
  • one-fifth
  • two-fifths
  • three-fifths
  • four-fifths
960

960 Grid System Vs Bootstrap

960 Grid

A Responsive Grid

Yes, it's responsive - go ahead and resize your browser. All of the math has been done for you in advance (it's actually quite simple). It uses two break points to target three screen sizes:

  • Destop (960px fixed width with columns)
  • Tablet (768px fixed width with columns)
  • Mobile (767px and below fluid-width with no columns (stacked)

960 Grid Layout

CSS:

Media Queries:

Clearfix: