其它特性：支持萨斯。

　Ivory

灵活而强大的响应网络框架使网络开发更快更容易。支持从1200像素到320像素的响应布局。

HTML CSS 组件：网格，排版，表格，按钮，提醒，分页，面包屑，列表，表格。

JavaScript组件：工具提示，标签，切换开关，手风琴。

　Foundation

基金会由加州的产品设计公司Zurb发起。这是更的响应式前端框架，有很多模板布局，UI组件的CSS样式，还有很多自己的JavaScript插件。

HTML CSS 组件：网格布局模板，图标，字体，响应表，SVG社交图标，分页，面包屑，侧边栏导航，按钮，字体，标签，提醒，面板，价目表，进度条，表格和缩略图。

JavaScript 组件:下拉按钮，分割按钮，开关，自适应视频，灯箱，下拉列表，导航，显示模式窗口，标签，工具提示。

其他特性：定制皮具，SCSS混搭。

　Grumby

Gumby 2是建立在强大的Sass之上的，Sass是一个强大的CSS预处理器，让我们可以快速开发自己的Gumby，并为你提供新的工具，让你可以基于Gumby的框架快速定制。

HTML CSS 组件：网格，表单，按钮，导航，标签，Entypo图标。

JavaScript 组件：开关，下拉框，标签，模态窗口。

其他特性：自定义皮肤形式。

　HTML KickStart

超瘦HTML5，CSS JS模块，用于网站快速制作。它有一个全面的用户界面组件和一些有用的JavaScript插件。它的目标是成为设计师的朋友。

HTML CSS 组件：网格，排版，按钮，按钮栏，列表，表格，图标，面包屑，图像，表格。

JavaScript：菜单，工具提示，语法突出显示，选项卡，幻灯片，表单验证。

其他特性：'s额外的CSS工具。

　Maxmertkit

这个框架是由Vetrenko Maxim Sergeevich创建的，让程序员的生活变得更加轻松。Maxmerkit是基于组件修饰符编码风格的CSS框架。

HTML CSS 组件：网格布局，打字格式，徽章，按钮，插入符号，表格，图标，标签，菜单，时间表，下拉菜单，工具提示。

JavaScript 组件：按钮，转盘，模态窗口，通知，弹出层，标签，滚动检测。

其他特性：支持萨斯，咖啡脚本。

　Twitter Bootstrap

Bootstrap是一个基于HTML、CSS和JavaScript的简单灵活的流行前端框架和交互组件集。是微博先驱Twitter于2011年8月开通的一整套前端解决方案。Bootstrap有非常完整详细的开发文档，Web的开发者可以轻松搭建一个清爽的界面，达到很好的交互效果。

HTML CSS 组件：网格、布局、排版、代码、表格、表单、按钮、图像、图标、按钮组、导航、面包屑、分页、标签、徽章、缩略图、提醒、进度条。

JavaScript 组件：过渡，模态窗口，下拉框，滚动检测，标签，工具提示，弹出层，报警，按钮，手风琴，转盘，自动完成。

其它特性：支持定制，LESS CSS。

　Skeleton

Skeleton是CSS文件的一个小集合，可以帮助你快速开发出任意大小、外观精美的网站，比如17寸笔记本电脑屏幕或者iPhone屏幕的网站。Skeleton基于三个核心原则：移动兼容的响应网格、快速进入和风格独立。对于大多数开发人员来说，骨架是一个很好的选择，因为它重量轻，易于使用。

HTML CSS 组件：网格，排版，按钮，表格，媒体查询。

　Kube

Kube是由imperavi(他也是的密文编辑器的作者)发布的前端框架，使设计者/开发人员的生活更加轻松。简单但不简单，适应性强，反应灵敏，能够使用各种需求。革命性的灵活网格和美丽的排版，没有任何强加的风格。

HTML CSS 组件：排版，表格，网格，表格，按钮，导航，图标。

JavaScript 组件：按钮，标签。

其它特性：支持LESS CSS。

　Helium

氦是一个前端响应Web开发框架，用于HTML5和CSS3项目的快速原型设计和实际开发。在很多方面都和Twitter Bootstrap、ZURB基金会类似。然而，与这两个框架不同，氦的目标是更轻、更容易改变。就当是典型的车吧，可以轻松打开引擎盖改装发动机。

HTML CSS 组件：网格，按钮，排版，表格。

JavaScript 组件：下拉框，表单验证，模态窗口。

其它特性：支持SASS指南针。

　Markup

标记框架是布局、小部件、排版样式等UI组件的集合，可以根据自己的需要进行集成。

HTML CSS 组件：布局、网格、布局、表格、按钮、标题、面包屑、消息、导航列表、导航菜单。

JavaScript 组件：没有Javascript，只有CSS。

　Topcoat

面漆是CSS的集合，用于简洁快速的Web应用开发。它是一个开源库，不需要任何内置在JavaScript中的用户界面元素。

HTML CSS 组件：图标、字体、按钮、面包屑、按钮栏、表格、下拉列表、滑动开关、标签、切换按钮、选择、滑块

JavaScript 组件：没有Javascript，纯CSS

　PureCSS

Pure是一组轻量级且响应迅速的CSS模块，可以在任何Web项目中使用。充分考虑了移动设备的使用，文件大小保持尽可能小，并仔细考虑了每行的CSS。Pure是建立在Normalize.css之上的，提供了原生HTML元素的布局和样式，外加最常见的UI组件。我相信这些都是你需要的。

HTML CSS 组件：网格，排版，表格，按钮，表格，菜单。

JavaScript 组件：没有Javascript，只有CSS。

其它特性：皮肤制造商，YU图书馆。

　总结

我必须说，根据项目的不同要求，大多数时候你需要调整框架来满足你的设计。我们不应该完全使用框架来构建一个网站，因为它会极大地限制设计师的潜力。

如果前端的设计或者布局不重要，可以用这个框架。比如在网站后台管理系统中使用Twitter Bootstrap，可以帮你节省60%的开发时间。

有时候，你可能只需要使用框架的一部分，比如网格系统，然后你就可以删除任何你不需要的东西。总之，没有完美的前端框架，要根据项目的需要和实际使用场景灵活变通，让框架成为你的助手而不是障碍。