2014流行的10款响应式前端开发框架介绍

在上一个月底，CMSYOU向大家推送了前端开发框架Bootstrap更新到3.2.0，在这里，我们继续向大家介绍响应式方面的知识，下面是2014流行的10款响应式前端开发框架的大概介绍，希望你能喜欢。

首先介绍下什么是响应式：

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。

可以想见，响应式的优点：

• 面对不同分辨率设备灵活性强；
• 能够快捷解决多设备显示适应问题。

缺点：

• 兼容各种设备工作量大，效率低下；
• 代码累赘，会出现隐藏无用的元素，加载时间加长；
• 其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果；
• 一定程度上改变了网站原有的布局结构，会出现用户混淆的情况。

不过这是创新，如果响应式能兼容所有的屏幕尺寸，就可以改变传统（为PC、手机端不同屏幕尺寸做不同的版本），内容上可以在不同屏同步显示。

步入正题，说说2014最为流行的10款响应式前端开发框架。

Twitter Bootstrap



大家对Twitter Bootstrap已十分熟悉了。凭借全面的UI组件、易用的网格和组件，Bootstrap已成为众多设计者和开发者最喜欢的快速开发工具。现在已经有很多第三方Bootstrap程序和JavaScript插件可供使用。

• HTML&CSS：网格、布局、排版、编码、表格、表单、按键、图片、图标、按钮组、导航、面包屑导航、页码、标签、徽章、缩略图、提示框、进度栏
• JS：模态窗口（Modals）、提示效果（Tool Tips）、“泡芙”效果（Popovers）、滚动监控（Scrollspy）、旋转木马（Carousel）、输入提示（Typeahead）等等。
• 其他：定制器（Customizer）、 LESS CSS

InK

Ink为一个界面工具包，用于快速开发Web界面，具有易于使用、易于扩展特点。它可以为构建布局提供解决方案，可以展示普通的界面元素，可以实现以内容为中心、对用户友好的交互方式。

• HTML&CSS：布局、导航、排版、图标、表单、提示框、表格 
• JS：Gallery、表格、树视图、排序列表、日期选择插件、制表符、表单验证及一些行为（停靠、折叠、关闭）
• 其他：Sass Mixins