创建响应式布局集中

1.Bootstrap，这是一个圆滑的，直观的和强大的移动优先的前端框架，用于更快，更容易的 Web 开发。几乎一切都已经被重新设计和重建，更好的支持移动端设备。最新的 Twitter Booststrap 包含四层网格类​​——手机，平板电脑，台式机，和大型桌面，你可以做一些超级疯狂的布局。

2，Flurid,Flurid 是一种旨在创建跨浏览器和流体界面的 CSS 网格框架。相较于许多其他流体网格系统， Flurid 不隐藏像素，而是使用 overflow: hidden 和 width: auto 属性去除多余的像素。

3.LESS 是一个轻量级的 CSS 框架，使您能够建立灵活的多列布局的网站。它包含一个八列网格，根据黄金比例平行于网格的垂直鼓组排版预设的行高进行了优化。

4.Baseline 是一个 CSS 框架，基于排版标准建立，其目的是简化开发一个可喜的网格和良好的排版网站。借助 reset.css & base.css 文件的帮助下，基线清除浏览器的默认行为和建立一个基本的排版​​布局。

5.Gridless 是一个样板，用来创建响应式和跨浏览器，具有漂亮的印刷字体平台网站。它不与任何网格系统，而是重点是渐进增强并成为任何项目的一个起点

6.Columnal 是另外一个 CSS 网格系统。Columnal 是弹性网格，而一些代码的灵感来自于 960.gs 网格系统。Columnal 使得响应原型更容易一些。

7.978是使用12列的54px ，列间距30px的网格布局系统，这一共就是978px ，在1024 × 768的显示器上刚好使用了大部分的空间。