最近响应式CSS框架非常流行，已经在一系列的桌面和移动浏览器有不同程度的成功，本文介绍20个响应式的CSS和网格框架，可以用于提高开发和设计效率，是您最佳选择。(温馨提示：点击标题可访问线上版本)

Base是超级简单的框架建立在移动设备，平板电脑，上网本和台式电脑。

Twitter Bootstrap是光滑，直观，功能强大的前端框架，更快，更容易的项目扩展和维护。

Kube是极简主义，具有适应性和响应性，还有几好的栅格化与美丽的字体。

Foundation 3具有最先进的响应前端框架的世界，建立一个强大的CSS预处理器SASS。

Skeleton是一个小的集合的CSS文件，可以帮助你快速开发的网站。

Google设计的HTML元素。

Gumby是一套网格框架。

IVORY是一种简单、灵活和完全响应的基于网格的框架。它需要你所有的方式从1200px到320px。

Proportional Grids使用CSS盒子大小比例网格创建一个解决方案

StackLayout一个灵活的宽度，基于组件的CSS布局系统。

Susy是指南针响应网格。

Responsive Grid System by Graham Miller不是一个框架。这不是一个样板或。它是一个快速，方便和灵活的方式来创建一个响应网站。

Titan使您可以创建响应的布局，调整到任何屏幕分辨率的最大宽度。

Responsive Grid System by Denis LeBlan是简单的CSS框架，快速响应，直观的网站开发，使用“移动第一”的方法建立。

Toas是一个CSS框架，只要它可以，但不简单。一一二列响应网格，您可以添加填充和边框的网格。

gridiculous是12列，up-to-960-pixel-wide框架允许嵌套列。与其他的嵌套框架，内柱有自己的960个像素点。

Responsive Aeon 2.0是newaeon HTML5框架的新版本，现在响应式基于百分比mediaqueries，HTML5和JavaScript的出发点。

inuit.css提供很少或几乎没有设计，没有做过的事，没有删除CSS没有坚持别人的设计决策。

320 and Up是一个轻量级的，易于使用和内容第一响应的网页设计模板。

The Semantic Grid System利用CSS预处理器的功率（LESS, Sass and Stylus）来创建定制的列宽度。

Columnal CSS网格系统是一个“混搭”有一些自定义代码。弹性网格系统是借用cssgrid.net，有些代码的灵感是从960.gs。

原文出自http://www.yunrui.co/26022.html