RichWidgets 提供一系列可以建立在jQuery UI 顶部和Bootstrap 3 风格的响应式的部件。RichWidgets 提供很多丰富和高级的功能，可以供你的web应用使用。它完全是有Javascript编写，适合所有语言和环境。
运行模板：
部件和模板都是由 grunt 命令建立的，你可以通过以下两个方法来查看部件：
- 把你的浏览器导航到
dist/demo目录 - 运行
grunt connect:demo:keepalive命令，再把你的浏览器转到 http://localhost:9000/
-
多屏时代到来了，手机、平板、电脑、投影，各式各样的终端，出现再大家的生活中。最近一句话比较火，世界上最远的距离是我在你面前，而你却在玩手机。多屏时代的来临，网页设计师不得不面对一个问题，如何让我们做出的网站能很好的呈现在终端上呢？这就是我们要谈的响应式WEB。 这里我们主要从两个方式来说： 响应式WEB设计(Responsive Web Design) 响应式WEB开发(Responsive We
-
CSS3响应式网页设计 响应式网页设计提供最佳体验，易于阅读和轻松导航，只需在桌面，手机和标签等不同设备上进行最小尺寸调整。 反应灵敏的结构 下图显示了网页的响应结构。 灵活的网格演示 <html> <head> <style> body { font: 600 14px/24px "Open Sans",
-
什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。 设置 Viewport 一个常用的针
-
多屏时代到来了，手机、平板、电脑、投影，各式各样的终端，出现再大家的生活中。最近一句话比较火，世界上最远的距离是我在你面前，而你却在玩手机。
-
本章节为大家介绍响应式 Web 设计框架 Bootstrap。 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 实例<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <m
-
.bg1 { width: 100%; height:400px; background-image:url('https://www.wenjiangs.com/wp-content/uploads/runoob/img_flowers.jpg'); background-repeat:no-repeat; background-size:contain; border:1px solid re