包邮Bootstrap响应式页面设计

项目1 弹性盒布局 任务1.1 认识nex弹性盒布局 1.1.1 为什么使用弹性布局 1.1.2 初识flex弹性布局 任务1.2 使用弹性盒容器的属性整体控制子元素 1.2.1 flex-direction设置主轴及其方向 1.2.2 flex-wrap设置换行方式 1.2.3 flex-flow设置主轴方向和换行方式 1.2.4 justify-content设置主轴元素的排列方式 1.2.5 align-items设置侧轴（交叉轴）元素的排列方式 1.2.6 align-content多行元素在侧轴（交叉轴）的排列方式 任务1.3 使用弹性子元素的属性控制个别子元素 1.3.1 align-self设置子元素在侧轴（交叉轴）的对齐方式 1.3.2 flex-grow设置子元素主轴放大比例 1.3.3 flex-shrink设置子元素主轴缩小比例 1.3.4 flex-basis设置子元素主轴的基准尺寸 1.3.5 flex综合属性设置子元素空间分配 1.3.6 order设置子元素的顺序 项目评价表 项目小结 项目2 响应式页面设计 任务2.1 初识响应式设计和媒体查询 2.1.1 响应式设计 2.1.2 媒体类型 2.1.3 媒体查询 2.1.4 媒体特性 2.1.5 引入方式 任务2.2 利用媒体查询实现响应式 任务2.3 应用弹性盒与响应式设计页面 项目评价表 项目小结 项目3 Bootstrap布局 任务3.1 初识Bootstrap 3.1.1 下载、使用Bootstrap 3.1.2 个Bootstrap示例 3.1.3 认识视口 任务3.2 使用容器 任务3.3 使用栅格系统进行页面布局 3.3.1 引入栅格系统 3.3.2 栅格参数 3.3.3 列的自动布局 3.3.4 多种屏幕情况栅格的使用 3.3.5 栅格的对齐、排列与偏移 3.3.6 列嵌套 项目评价表 项目小结 项目4 Bootstrap内容 任务4.1 应用Bootstrap排版 4.1.1 全局设置 4.1.2 标题 4.1.3 文本类与文本元素 4.1.4 文本实用程序 4.1.5 列表 任务4.2 使用Bootstrap代码、图片和图文 4.2.1 代码 4.2.2 Bootstrap图片和图文 任务4.3 使用Bootstrap表格 任务4.4 使用Bootstrap按钮 4.4.1 按钮样式 4.4.2 按钮类应用元素 4.4.3 轮廓按钮 4.4.4 不同大小的按钮 4.4.5 块级按钮 4.4.6 激活和禁用的按钮 项目评价表 项目小结 项目5 Bootstrap公共样式 任务5.1 设置元素边框和颜色 5.1.1 设置边框 5.1.2 设置颜色 任务5.2 元素设置浮动、显示和隐藏效果 5.2.1 设置浮动和清除浮动 5.2.2 应用显示和隐藏 任务5.3 设置元素宽度、高度和间隔 5.3.1 设置宽度、高度 5.3.2 设置间隔 任务5.4 应用flex弹性布局 5.4.1 启用弹性行为 5.4.2 方向 5.4.3 内容对齐与内容排列 5.4.4 填满 5.4.5 伸缩设置 5.4.6 排序 5.4.7 自动边距（自浮动） 5.4.8 包裹 项目评价表 项目小结 项目6 Bootstrap组件 任务6.1 使用按钮组和下拉菜单 6.1.1 按钮组 6.1.2 Bootstrap下拉菜单 任务6.2 使用Bootstrap导航、导航栏、面包屑导航 6.2.1 Bootstrap导航 6.2.2 Bootstrap导航栏 6.2.3 面包屑导航 任务6.3 使用Bootstrap表单、表单控件、输入框组 6.3.1 表单 6.3.2 表单控件 6.3.3 各种输入框组 任务6.4 应用Bootstrap版式 6.4.1 广告大块屏幕（jumbotron） 6.4.2 列表组（list-group） 6.4.3 卡片（card） 任务6.5 使用工具提示框tooltip、弹出框popover、模态框modal 6.5.1 Bootstrap提示框（tooltip） 6.5.2 Bootstrap弹出框（popover） 6.5.3 Bootstrap模态框（modal） 任务6.6 使用carousel实现轮播 任务6.7 使用scrollspy实现滚动监听 任务6.8 使用media实现多媒体对象混排 任务6.9 使用alert实现警告提示框 任务6.10 应用徽章（badge） 任务6.11 使用progress实现进度条 任务6.12 应用pagination实现分页 任务6.13 使用collapse实现折叠面板 项目评价表 项目小结 项目7 Bootstrap4综合实战 任务7.1 兰花赏析页面制作 任务7.2 茶文化页面制作 项目评价表 项目小结