推荐12个创建响应式布局的优秀网格框架

　　在这篇文章中，我们为大家推荐12个创建响应式布局的优秀网格框架。如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。enjoy!

• Web 前端开发人员和设计师必读文章集锦
• 十个拥有丰富 UI 组件的 javaScript 框架
• 十款精心挑选的在线 CSS3 代码生成工具
• 开发者必备的八个最佳云端集成开发环境
• 2012年度最佳 Web 前端开发工具和框架

Pure

Pure是一组轻量的，响应式的CSS 模块，您可以使用在任何的Web项目中。充分考虑了移动设备中的使用，保持文件体积尽量小，每行CSS都进行了仔细的考虑。Pure 基于 Normalize.css 构建，并提供布局以及 原生 HTML 元素的风格，加上最常见的 UI 组件。相信这些都是你需要的。

Tiny Fluid Grid

Variable Grid System

Variable Grid System网格系统是一种快速的方法为您的网站生成一个基本的 CSS 网格。生成的 CSS 文件是基于960网格系统。

Mueller Grid System

GridSet

Gridset让你可以非常轻松的添加列，定义比例和设置间隔，而不用考虑背后的数学计算。网格系统正逐渐成为网页设计的焦点，和印刷排版有点类似，但是要复杂很多。网页的网格系统需要更加灵活，更加响应性。但是网格系统的计划和规划是件困难的事情，Gridset可以让你轻松的使用网格系统。

34 Grid System

dGrid

Dgrid 是下一代的网格组件，充分利用现代浏览器和对象存储，轻量级，模块化和易于扩展。

Zen Grids

Zen Grids是基于 SASS 构建的一个响应式的网格系统。它通过去除最复杂的标记大大简化了布局的创建，你只需要基于网格的设计，用纯 CSS 和 HTML 创建你的响应式布局。

Cute Grids

Cute Grids是网格系统，为你的响应式设计提供了一个干净的开始。这是移动优先，包括五个媒体查询，并且是有详细文档。

Susy

Susy是一个用于 Compass 的响应式网格系统。它可以让你快速添加新的媒体查询断点到您的布局 。

Grid Designer

Grid Designer 用于在线网格设计，有很多选项用于定义列，尺寸和间距。

The Grid

这是一个12列的灵活的网格，可以扩展到任意大小（由最大宽度的行定义）也很容易嵌套，这样你就可以打造出复杂的布局，而无需创建大量的自定义元素。

您可能感兴趣的相关文章

• 10套精美的免费网站后台管理系统模板
• 14个支持响应式设计的流行前端开发框架
• 60款很酷的 jQuery 幻灯片演示和下载
• 8个惊艳的 HTML5 和 Javascript 特效
• 35款精致的 CSS3 和 HTML5 网页模板

英文链接：50 Grid Tools for Responsive Web Designs

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源