一、框架类

1. Bootstrap

Bootstrap是web开发中一个简易且快速的前端框架，它优美、大气、功能强大且效果直观，提供一系列可直接使用的组件和样式，让你的开发轻而易举。

2. Gumby 960 Grid Responsive CSS Framework

如果你想以一种自然的方式快速轻松地布局页面，那就选择Gumby 960 Grid Responsive CSS Framework吧。它采用960网格布局，可以自定义以满足你的需求，适应任何的屏幕大小。

3. Golden Grid System

开发人员可以使用Golden Grid System将屏幕划分为18个偶数列。在这18个列中，可用于开发和设计的有16个列。

4.Semantic Grid System

Semantic Grid System使用参数化的LESS或SCSS动态样式语言。如果你钟爱LESS或SCSS样式，不妨试试它。

5.Ingrid

Ingrid是一个轻量级和流体的布局系统，其设计旨在减少使用类。Ingrid也是一个可扩展的系统，为定制系统提供便利。

6. Toast

Toast是非常简洁的CSS框架。12列网格的设置使布局变得轻而易举。Toast也极易使用。

7.HTML5 Boilerplate

如果你正在寻找一款能够轻松快速地创建适应性强且功能强大的网站或应用程序，选择HTML5 Boilerplate绝对不会错。

8. Wirefy

Wirefy推崇内容第一的概念，帮助你创建极具功用性和响应式的线框。

9. Gridiculous

Gridiculous是一种HTML5技术的应用，使用它可以把你的网站从最高的分辨率转为最低达320px的分辨率。Gridiculous对于不同的浏览器也具有较好的适应性。

10. Columnal

Columnal也是一个响应式的CSS网格系统，让你的网页无论在台式设备还是在移动设备的浏览器上都能流畅自如。

11. Gridless

Gridless是一个HTML5和CSS3的样板。使用它可以让你的移动设备也能响应。

12. Skeleton

Skeleton这个特殊的样板专为响应式和移动友好开发而设计，使用起来相当简单。

13. Responsive Grid System

Responsive Grid System的特色在于它有12、16和24列的布局可供选用。对于所有标准的设备都提供媒体查询功能，以及清除浮动和可选的重置功能 。

14. Foundation

Foundation是被认为是当下最先进的响应式前端框架。Foundation拥有非常出色的移动化方案，对内容结构在不同类型设备中的呈现方式进行了相应的预设。

二、流体网格工具类

1. Gridset

如果你正在寻找设计网格的工具，不妨试试Gridset。Gridset功能强大，从PNG图像到CSS样式，它都可以灵活处理。

2. Responsive Calculator 

使用Responsive Calculator，你可以使用创建好的PSD文件作为响应式网站设计的开始。

3. Gridpak

Gridpak由数码设计公司Erskine Design设计，帮助实现响应式的web页面设计。

4. Simple Grid

如果你已经对水平的滚动条感到视觉疲劳，使用Simple Grid定会让你眼目一新。Simple Grid易于理解，提供四种不同的风格供你选用。

5. Foldy960

Foldy960不是一个CSS框架，而是一个帮助你实现960.gs设计响应的小工具包。

6. SUSY

SUSY是一个流体网格布局，具有超强的用户体验，你可以选择不同的样式，也可根据你的具体需求进行定制。

相关阅读：

• 什么是响应式网页设计？有哪些好用的第三方响应式框架？
• 10个超棒的响应式Web设计工具
• 10款超实用响应式设计测试工具
• 15款响应式布局必备的jQuery Grid网格插件
• 21款免费的HTML5响应式模板（附下载）