20个最佳响应式CSS框架和网格

如果你正期待着加速您的网站的发展，那么这些免费响应CSS框架，网格，样板将帮助你实现，很容易。虽然一些框架有峭的学习曲线，最终因为有很多可供他们的文档就会变得容易。请继续关注其他重要的CSS框架，我们将在这里包含更多的更新。

一些有经验的开发人员可能会与单独的网格系统坚持为整个框架需要时间从头学起。还是框架是很好的人谁是新的网络开发和那些谁不能浪费时间写大量的CSS和JS脚本自己。我选择了仅包含响应的框架，将很容易地扩展在多个移动电话，平板电脑，桌面设备。分享您的意见，让我们知道，如果我们错过了任何重要的框架在这​​里。

1.Semantic UI框架

语义通过创建共享用户界面的语言赋予设计者和开发者。失去了象形文字：语义是围绕自然语言约定，使发展更加直观。与你的组件的对话：语义为您提供各种UI组件的实时调试输出，让你的代码告诉你它是什么做的。

2.Twitter引导框架

时尚，直观，功能强大的手机第一个前端框架，更快，更容易的Web开发。

3.Foundation框架

Foundation3是一个强大的CSS预处理器，这使我们能够更快速地开发基金会本身并为您提供新的工具，快速定制和建立在基础之上。

4.UIkit框架

UIKit中为您提供了HTML，CSS和JS组件的全面收集。它可以扩展主题和易于定制，以创建自己的外观。

5.Skeleton CSS样板

Skeleton是一个小集合CSS文件，可以帮助你快速开发，看起来美丽在任何大小的网站，无论是17“的笔记本电脑屏幕或一个iPhone。

6.99lime HTML的KickStart

超精益HTML5，CSS，JS和构建模块的快速网站制作。

7.Kube - 专业的CSS框架

简约而充分的一切，适应性和响应。革命性的灵活的网格和漂亮的印刷字体。绝对的自由，没有强加的造型。

8.Less Framework 4

Less Framework是一个  CSS  设计网页自适应网格系统。它含有4种布局和3台印刷术预置，所有基于单个网格。

9.Yet另一个多列布局“YAML”

YAML是一个模块化的CSS框架，真正灵活，方便和敏感的网站。该框架的重点是与设备无关的屏幕设计，并提供防弹模块灵活的布局。

10.YUI框架

YUI是一个免费的，开源的JavaScript和CSS库，用于构建丰富的交互式Web应用程序。

11.52Framework

随着HTML5的支持来得这么快，黑客最微小的，我们今天能够使用它在无形中人的浏览器。使用HTML5使得更清洁标高。这个框架完全采用HTML5的所有的巨大优势。

 12.Boilerplate

作为蓝图的CSS的原作者之一，我决定重新因数我的想法变成一个精简框架，它提供最基本的要素来开始任何项目。这个框架将是精简版，力争不建议非语义的命名约定。你是设计师，你的手艺是很重要的。

13.FEM CSS框架

有限元法是基于大量的960网格系统，但在理念，以使其更加灵活，在我看来更强大的一个转折。缺点是，它是一个比较复杂的学习，你写更多的代码，这是一个稍重一些。是由你来决定它是否值得你。

14.KNACSS  框架

KNACSS  被作为三个不同版本：一个经典的是大多数用途，以及语言编写的预处理器LESS-CSS和萨斯两个版本。每个版本被设计成适应您的需求和欲望。我请你，但你不把它之前，经历了  完整的教程 ，以及记录和注释的代码。

15.Groundwork CSS框架

CSS基础的灵活的网格系统，使您能够做到快速发展和规模，以适应任何屏幕尺寸，从手持设备到大幅面电视。

16.Gumby 2.6

GUmby 2是建立在 Sass基础上的一款工具。Sass是一个强大的CSS预处理器，它允许我们开发古比自己用得多的速度 - 并为您提供新的工具，快速定制和建立在Gumby框​​架之上。

17.Unsemantic CSS框架

Unsemantic是流体网格系统，它是继承了960网格系统。它的工作原理类似的方式，但不是作为列的一组数字，它的完全基于百分比。

18.Tuktuk CSS框架

不试图与Bootstrap或 Foundation比较，因为他们在另一个领域同样在竞争着。你仅仅需要去思考如何建造一个完全响应式的网站。

19。960网格系统

960网格系统是一个努力通过提供常用尺寸的基础上，960像素的宽度，以简化Web开发工作流程。有两个变种：12和16列，其可以被单独或串联使用。

20。978网格的CSS

978网格系统使用12列在54px，额外宽敞的30像素的排水沟。这样，出现了一个总的978px，它使用了大部分空间上的1024×768的显示器。几乎每一台电脑和平板电脑在当今世界能够显示基于该网格设计的。

全文完。