用户界面与交互架构
01分钟44秒下载 Bootstrap
02分钟15秒包含的文件
02分钟26秒在网页中使用 Bootstrap
05分钟34秒布局
04分钟34秒嵌套布局与流动布局
03分钟50秒响应式布局
04分钟21秒把已有的固定宽度布局转换成响应式布局
03分钟38秒响应式布局的实用类
02分钟59秒常用标签与样式
03分钟48秒列表
03分钟30秒代码
03分钟44秒Google Prettify
02分钟29秒表格
03分钟24秒表单
04分钟09秒文本框的前缀与后缀
03分钟14秒单选按钮
02分钟16秒复选框
02分钟17秒选择列表
02分钟42秒表单的排版
02分钟53秒按钮
03分钟55秒按钮群组
02分钟13秒带下拉菜单的按钮
03分钟48秒导航菜单
05分钟43秒导航菜单里的下拉菜单
02分钟07秒导航菜单的响应式设计
02分钟35秒选项卡 #1
02分钟42秒选项卡 #2
03分钟58秒导航路径与分页器
04分钟01秒提示信息
02分钟43秒缩略图
03分钟58秒对话框
04分钟01秒工具提示
03分钟26秒折叠内容
04分钟45秒旋转木马
03分钟39秒课程介绍
01分钟39秒响应式设计的真实例子
02分钟33秒viewport - 可视窗口
01分钟33秒手工配置 viewport
04分钟25秒像素密度
02分钟49秒应用媒体查询的方法
01分钟53秒media type 媒体类型
04分钟00秒meida feature 媒体特性
01分钟43秒aspect-ratio 可视窗口宽与高的比例
03分钟01秒aspect-ratio 设备的宽与高的比例
03分钟34秒orientation 设备的使用方向
02分钟04秒height （可视窗口高度）与 device-height（设备高度）
03分钟20秒width（可视窗口宽度） 与 device-width（设备宽度）
03分钟45秒resolution 像素密度
05分钟09秒操作符 - and
04分钟33秒逗号分隔连接多个媒体查询
02分钟13秒操作符 - not
03分钟03秒响应式布局 #1
03分钟56秒响应式布局 #2
02分钟05秒响应式布局 #3
02分钟07秒响应式导航
01分钟52秒导航菜单的 HTML
04分钟07秒导航菜单的 CSS
02分钟46秒切换按钮的样式
03分钟08秒响应式导航菜单的样式
04分钟06秒响应式的图像
04分钟07秒响应式的背景图像
01分钟43秒不同尺寸的设备使用不同的图像
00分钟49秒不同尺寸的设备使用不同的背景图像
03分钟05秒根据屏幕密度切换不同的背景图像
03分钟14秒picturefill
04分钟40秒响应式幻灯片
03分钟50秒幻灯片的控制按钮
02分钟08秒幻灯片的控制按钮样式
03分钟06秒修复幻灯片被覆盖的问题
01分钟27秒结束语
00分钟31秒
本教程讲解如何在网页布局中应用响应式设计。在课程中，您将学到响应式 Web 设计。随着移动设备的普及，如何让用户通过移动设备浏览您的网站获得良好的视觉效果，已经是一个不可避免的问题了。响应式 Web 设计就是为实现这个目的的有效方法。
