30个最棒的响应式CSS前端框架（一）

因为框架的需要比较费时间，可能有一些有经验的开发人员可能更偏爱使用Grid系统而非整个框架。不过对于初学开发的人来说，使用框架可能是更加简单，因为不需要花费大量的时间自己去书写CSS或者JS代码。这里我们选择了一些最棒的响应式框架，可以帮助你开发基于不同设备的响应式设计网站。如果我们这里缺少了一些你认为也应该包含的前端框架，请大家务必给我们留言！

1.Semantic UI Framework

Semantic通过创造一个用来方便分享UI的语言使得开发人员和设计师的可控范围更为广泛。不再使用象形文字：Semantic使用自然语言使用惯例来组织使得开发过程更加的具有创新。方便和组件的沟通：给你一系列的UI组件，拥有实时的debug输出，让你的代码告诉你它起什么作用。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

• 演示
• 下载

2.Twitter Bootstrap Framework

流畅，富有创意并且强大的移动为先的前端框架，帮助你快速开发web应用文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

• 演示
• 下载

3.Foundation Framework

foundation 3 使用强大的CSS预编译器SASS编译，允许你快速的开发，并且提供了新的工具来快速自定义文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

• 演示
• 下载

4.UIkit Framework

UIkit提供了一套HTML，CSS，JS组件。可以被扩展为主题并且非常容易自定义成为个性化的UI文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

• 演示
• 下载

5.Skeleton CSS Boilerplate

Skeleton是一套超小的CSS文件，帮助你快速开发任何尺寸的网站，无论是17寸的笔记本屏幕或者是iphone。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

文章源自陈学虎-https://chenxuehu.com/article/2014/02/1610.html

• 演示
• 下载

6.99lime HTML KickStart

超精致的HTML5，CSS和JS组件，帮助你快速的开发网站

• 演示
• 下载

7.Kube — Professional CSS-framework

极简但非常丰富的组件开发自适应或者响应式的网站。 拥有灵活的Grid和漂亮的字体排版。绝对自由，没有多余强制的样式。

• 演示
• 下载

8.Less Framework 4

Less框架是一个CSS的网格系统，帮助你设计自适应的网站。包含了4个布局和3套字体排版预设，所有的都基于同一个Grid。

• 演示
• 下载

9.Yet Another Multicolumn Layout ‘YAML’

YAML是一个模块化的CSS框架，重点在于灵活性，良好的访问和响应式的设计。这个框架重点在于设备独立的屏幕设计和灵活的布局模块化管理。

• 演示
• 下载

10.YUI Framework

YUI是一个免费，开源的JS和CSS类库，主要用户创建富客户端的互动web应用

• 演示
• 下载