为响应式网站而生的40款栅格神器

　　20、SUSY

　　Susy是一款自由随意的强大工具。用不用栅格，用多少栏，都随你心意。

　　21 、为响应式网页设计的PS栅格系统

　　自带栅格的PSD文件，方便你通过PS创建网站原型。

　　22、TOAST

　　Toast框架是一款极为简约的CSS框架，易于复位，带有栅格和文字样式。

　　23、IVORY

　　一款简约灵活而强大的响应式框架。

　　24、RESPONSIVE AEON

　　轻量级响应式CSS栅格系统，

　　25、SKELETON

　　Skeleton是一款小巧的CSS文件合集，它可以帮你快速开发漂亮的响应式站点，上至PC，下至iPhone都能完美访问。

　　26、1080栅格系统

　　这款1080栅格系统从Nathan Smith的960栅格系统拓展而来。它的栅格划分方式非常自由，可以分为不同的列(2, 3, 4 , 5, 6, 8, 10, 12, 15, 20, 24, 30, 40, 60, 120)。

　　27、960栅格系统

　　960栅格系统简化了web开发流程。下载这套栅格系统，内置的文件兼容了Adobe Fireworks，Photoshop，OmniGraffie和Visio，其中甚至还内置了轻量级的CSS文件。

　　28 、栅格系统生成器

　　该工具可以快速生成有效的CSS/XHTML原型。栅格系统生成器提供了宽度、列数和比例的定制，适合不同设计需求。

　　29 、RESPONSIVE GRID SYSTEM

　　极其易用的的响应式网站设计工具。

　　30、MUELLER栅格系统

　　Mueller是一款布局模块化的栅格系统，可以用于响应式网页，也可以用于非响应式网页。同样的，它也可以轻易控制列的宽度、间距以及栅格基线以及媒体查询。

　　31、978.GS

　　978.gs是推广栅格系统工具的网站。其中最流行的栅格系统是978.gs本身，但是也提供其他的栅格系统。978栅格系统使用了宽度为54px的12列栅格，间距为30px，几乎适配了目前所有的电脑和平板的屏幕。

　　32、34GRID响应式栅格系统

　　34Grid是一款基于平均分布布局思路的响应式栅格系统，在这套系统中每行都有均匀分布的网格。

　　33、FLURID

　　Flurid是一款跨浏览器的灵活栅格系统，它的功用就是将网页打破成一系列的行与列，为设计师提供一种简单、理性的内容组织/呈现的思路。

　　34、STYLE TILES

　　Style Tiles是为了解决Moodboard模糊和排版太死板而生的工具。无需定义，它就可以在界面元素之间建立连接。

　　35、RESPONSIVEPX

　　输入你的站点域名，借此控制你网站中内容的长和宽，寻找最合适的断点，然后你可以使用媒体查询的信息来创建一个实用的响应式页面。

　　36、TINY FLUID GRID

　　Tiny Fluird提供了一个index.html文件，实例代码以及内置CSS的drid.css文件。

　　37、SCREENQUERIES

　　ScreenQueries是一款媒体查询调试工具，兼容了60多款不同额设备的屏幕。

　　38、ZEN GRIDS

　　一款基于SASS的响应式栅格系统。

　　39、VARIABLE栅格系统

　　Variabe栅格系统是一款为你网站创建CSS栅格的快速生成方案。

　　40、EXTRA STRENGTH RESPONSIVE GRIDS

　　一款为响应式网页而生的灵活CSS框架。它可以基于百分比，容易对齐，嵌套栅格，便于记忆的类名称设定，支撑SASS，并且极其适宜创建原型。

　　这次的合集中包括了整整40款了便于创建响应式网页的栅格工具，并且它们几乎全都免费。下一次做响应式网站的时候，从中选择最适合自己或者项目的工具吧!