Bootstrap响应式网站开发实战

第1 章 认识Bootstrap 1.1 为什么要学习Bootstrap 1.2 Bootstrap 为何如此流行 1.2.1 功能强大和样式美观的强强联合 1.2.2 高度可定制性 1.2.3 丰富的生态圈 1.2.4 布局兼容性良好 1.3 Bootstrap 的版本发展 1.3.1 Bootstrap 1 1.3.2 Bootstrap 2 1.3.3 Bootstrap 3 1.3.4 Bootstrap 4 本章总结本章作业第2 章 Bootstrap 框架基础2.1 引入Bootstrap 2.1.1 在自己的项目中引入Bootstrap • 2.1.2 添加Bootstrap 的class 实现基本样式 2.2 Bootstrap 的通用组件调用 2.3 添加JavaScript 动态效果 本章总结本章作业第3 章 Bootstrap 栅格系统3.1 固定布局的概念 3.2 固定布局的栅格系统 3.3 流式布局的栅格系统 3.4 响应式布局的栅格系统 本章总结本章作业 Bootstrap 响应式网站开发实战 第4 章 Bootstrap 的基本样式4.1 字体版式 4.1.1 标题 4.1.2 全局设置 4.2 表格 4.3 按钮 4.4 表单 4.5 图片 本章总结本章作业第5 章 使用Bootstrap 的组件5.1 下拉菜单 5.2 按钮组 5.3 input 控件组 5.4 导航 5.5 头部导航 5.6 列表组 5.7 分页 5.8 标签与徽章 5.9 缩略图 5.10 面板 5.11 进度条 5.12 多媒体对象 本章总结本章作业第6 章 LESS 和SASS 6.1 为什么要用CSS 预处理程序 6.1.1 CSS 不能设置变量 6.1.2 冗余重复的代码 6.1.3 无法实现计算功能 6.1.4 命名空间与作用域 6.1.5 CSS 缺陷总结 6.2 LESS 的应用 6.2.1 LESS 介绍 6.2.2 LESS 使用基础 6.2.3 使用变量 6.2.4 使用混合 6.2.5 嵌套规则 •VII• 6.2.6 函数和运算 6.2.7 LESS 语言总结 6.3 SASS 的应用 6.3.1 SASS 介绍 6.3.2 SASS 安装和使用 6.3.3 使用变量 6.3.4 计算 6.3.5 嵌套 6.3.6 代码重用 6.3.7 高级用法 6.3.8 SASS 总结 6.4 使用SASS 的扩展库Compass 6.4.1 Reset 模块 6.4.2 CSS3 模块 6.4.3 Utilities 模块 6.4.4 Helpers 函数 6.4.5 Compass 总结 本章总结第7 章 使用Bootstrap 插件7.1 概述 7.2 过渡插件 7.3 模态对话框 7.3.1 用法 7.3.2 对话框结构 7.4 标签页切换 7.4.1 标签页用法 7.4.2 用jQuery 实现标签页切换 7.5 工具提示条 7.5.1 用法 7.5.2 用js 使标签页生效 7.6 弹出框 7.6.1 用法 7.6.2 用js 使弹出框生效 7.7 提示信息 7.7.1 用法 7.7.2 选项 7.8 按钮 7.8.1 按钮的Loading 状态 •VIII• Bootstrap 响应式网站开发实战 7.8.2 按钮组的状态设置 7.9 折叠 7.9.1 用法 7.9.2 选项 7.10 幻灯片 7.10.1 用法 7.10.2 选项 本章总结本章作业第8 章 定制及优化Bootstrap 8.1 在官方网站进行Bootstrap 定制 8.2 修改源代码定制Bootstrap 8.3 其他Bootstrap 资源 本章总结本章作业第9 章 开发响应式企业网站9.1 布局企业站首页 9.1.1 准备SASS 9.1.2 构建页面框架 9.2 设计首页 9.2.1 设计index 页面导航 9.2.2 设计安全展示区 9.2.3 添加搜索栏 9.2.4 主体内容区块 9.2.5 添加另一主体内容区块 9.2.6 添加一个两栏图文区块 9.2.7 添加另一个两栏图文区块 9.2.8 添加footer 区块 9.2.9 添加页面样式 9.3 设计about.html 页面 9.3.1 保留页面通用部分，添加about.html 页面区块 9.3.2 添加页面主体区块 9.3.3 添加团队展示区块 9.3.4 添加另一标题区块 9.3.5 为about.html 页面添加样式 •••• 9.4 设计services.html 页面 9.4.1 保留页面通用部分，修改主体页面区块 9.4.2 添加what we do 区块 •IX• 9.4.3 添加scss 样式 9.5 设计blog.html 页面 9.5.1 保留页面通用部分，修改主体页面区块 9.5.2 添加blog.html 样式 9.6 设计contact.html 页面 9.6.1 保留页面通用部分，添加公司地址 9.6.2 添加用户表单 9.7 用媒体查询进行移动端优化设计 本章总结本章作业第10 章 网站后台管理系统10.1 项目开始 10.2 页面布局 10.2.1 引入Bootstrap 3 框架 10.2.2 编写布局代码 10.3 实现导航栏 10.3.1 构建导航的框架代码 10.3.2 填写标题和导航链接 10.3.3 添加管理员和退出系统按钮 • 10.3.4 添加管理员登录信息 10.3.5 为导航添加图标并设置响应式导航 10.4 实现左侧边栏 10.5 实现主功能部分 10.5.1 主功能的头部 10.5.2 内容管理的文章列表 本章总结本章作业第11 章 使用Bootstrap 实现电商网站11.1 设计电商首页index.html 11.1.1 搭建Bootstrap 框架 11.1.2 为商城创建导航菜单 11.1.3 向导航添加和导航链接 •• 11.1.4 为页面添加Banner 11.1.5 添加产品 11.1.6 为网站添加底部Footer 11.1.7 添加产品列表及产品介绍 11.2 设计购买页面buy.html 11.3 设计列表页category.html •X• Bootstrap 响应式网站开发实战 11.4 设计产品详情页product.html 本章总结本章作业第12 章 Bootstrap 内核解码12.1 Bootstrap 设计思想 12.1.1 12 列栅格系统 12.1.2 样式类型化 12.1.3 代码松散与耦合的处理 12.1.4 继承可扩展性 12.2 Bootstrap 框架解析 12.2.1 源码结构 12.2.2 类定义 12.2.3 插件定义 12.2.4 命名冲突的解决 12.2.5 数据接口 12.3 定义jQuery 插件 12.3.1 jQuery 插件形式 12.3.2 jQuery 插件规范 12.3.3 jQuery 插件封装 本章总结本章作业