对 于所有Web开发人员和设计者而言，在建立网站的时候有很多不同资源供他们使用。其中之一便是框架，框架定义为一个普遍的或受规范准则、概念和实 践来解决典型问题。因此，如果它是在网页设计领域的定义，它实际上捆绑的文件夹带有JSS文件，CSS和HTML，还有结构化文件。它主要用于开发初期网 站使用一个共同的结构，并可以重复使用而不用重新编码。下面将介绍17种新好用的响应式框架，有助于Web开发人员在涉及网站设计的不同进程时使用。你不需要数学的专门知识或技术知识，运用框架将节省编程时间，使得网站开发过程更容易更快捷。

种：One% CSS Grid

正如它的名字本身就代表了它的功能，由于它是一个12柱的流场中CSS网格系统，推荐给需要创建一个更好的响应基础的设计者。

第二种：MUELLER Grid System

它允许网站开发人员完全控制基线网络，列宽，媒体查询和分割线宽度，还适应于响应和无响应布局。

第三种：Profound Grid

它是一个灵活的框架，在不固定或固定的时候都能实现，因为它是通过SCSS建立的。它使得Web开发人员能够增加媒体布局，创建计算列的负利润率。

第四种：34 Responsive Grid System

它不同于其他的网格系统，因为它提供了一个平等分布，平均分配给每一行的列。事实上，你可以自定义，它提供完全的自由，你可以任意创造你的下载包。

第五种：base

这是好用的框架之一，因为它涉及到方便快捷的样式表，具有基本的样式，后退，作为JS文件的基础增强。它的尺寸是12列960px网格，推荐新网站使用，因为它自带一个很可靠的CSS框架。

第六种：Blok Grid

它给予Web开发人员控制权，他们的网站可以在桌面，台式机，平板电脑和移动终端响应。因为它是初始的移动框架，有12列网格和断电。

第七种：Bourbon Neat

它还有另一个为人熟悉的名字neat，作用是在Bourbon和Sass顶端建立的。很容易使用，因为它非常灵活，是一个开源流体网格框架，重量也很小。它能帮助设计师和开发人员在几分钟内就成功运行框架。

第八种：Foundation 4

经过几代升级后，重新编写代码，JS插件，从Zepto切换到大的Foundation，它的功能是使其移动兼容，成长为一个可以代替jQuery的著名框架。

第九种：Groundwork CSS

它能在任何布局实现，因为它是全响应的框架功能，在嵌套，灵活性以及流体网格系统方便都更优化。

第十种：Gumby 2

它是你能得到的免费的强大的工具，在SASS中强力开发的，因速度快，包装全而闻名，是方便快捷的定制响应框架。

第十一种：RWD Grid

它源自于著名的960.gs，但更先进了，其下划线已经被容易读数的连字符取代了。

第十二种：Sassaparilla

它允许任何Web开发人员构建样式表，因为它是基于Sass的，利用可重复使用的SCSS。

第十三种：inuit.css

它有不同的版本，以上是新的版本，变得可扩展，功能强大，基于Sass的框架。

第十四种：Centurion

这是建立在CSS3 media queries基础上的响应框架，同样使用了SASS。它由易于修改的脚本和固定的标签元素，以及表格和导航组成。

第十五种：Cool Kitten

推荐使用在建立响应滚动视差网站，因为它是一个JS, CSS和HTML轻量级工具包。

第十六种：Extra Strength Responsive Grids

如果你需要基于流体的响应网格，它就比较适合了，因为它可以嵌套网格，有不同的类，你可以很容易记住。

第十七种：320 and up

它是好的样板，因为它非常敏感和易于使用，并且是轻量级的。这里介绍的是关于它的bootstrap。设计测试，设计氛围，5 CSS3 Media query，Sass maxins，upstarts，响应测试，selectivizr和Modernizr。