展开全部

主编推荐语

基于Bootstrap 4全新撰写,助你轻松刚创建各种网站。

内容简介

本书是实战类Bootstrap图书,全书通过7个真实、具体、鲜活,又有代表性的项目实例,讲解了Bootstrap的各种特性和用法。7个实例由浅入深,既各自独立,又环环相扣,丰富的代码,精美的插图,加上细致入微的解释,让读者极易上手,不知不觉中就能掌握所有重要概念,步入Bootstrap高手行列。

目录

  • 版权信息
  • 内容提要
  • 前言
  • 第1章 初识Bootstrap
  • 1.1 数量和质量
  • 1.1.1 与时俱进
  • 1.1.2 Sass的威力
  • 1.1.3 下载已编译代码
  • 1.1.4 支持Flexbox的版本
  • 1.1.5 仅包含网格系统的版本
  • 1.1.6 从CDN加载运行Bootstrap
  • 1.2 下载Bootstrap源文件
  • 1.2.1 下载后的文件
  • 1.2.2 下载安装Bootstrap的其他方法
  • 1.3 工具配置
  • 1.4 使用Bootstrap CLI
  • 1.5 准备新的Bootstrap项目
  • 1.6 设置主结构元素
  • 1.7 浏览器支持
  • 1.7.1 浏览器引擎前缀
  • 1.7.2 弹性盒模型
  • 1.8 Yeoman工作流
  • 1.9 排错
  • 1.10 小结
  • 第2章 用Gulp打造自己的构建流程
  • 2.1 开发目标
  • 2.2 Bootstrap构建流程
  • 2.3 在项目中安装Gulp
  • 2.3.1 创建包含任务信息的Gulpfile.js
  • 2.3.2 清理任务
  • 2.4 配置开发环境和生产环境
  • 2.5 用Bower安装Bootstrap
  • 2.6 创建本地Sass文件结构
  • 2.6.1 将Bootstrap的Sass代码编译成CSS代码
  • 2.6.2 使用CSS调试sourcemap
  • 2.6.3 运行postCSS前缀自动添加插件
  • 2.6.4 处理CSS代码以适配生产环境
  • 2.6.5 对SCSS代码进行静态检查
  • 2.7 准备JavaScript插件
  • 2.8 模块化HTML
  • 2.8.1 新建Gulp任务,编译Panini模板
  • 2.8.2 校验编译后的HTML代码
  • 2.9 创建静态Web服务器
  • 2.9.1 监听文件的修改
  • 2.9.2 复制并压缩图片
  • 2.10 归纳汇总,创建default任务
  • 2.11 使用构建流程,完成项目
  • 2.11.1 布局模板
  • 2.11.2 页眉
  • 2.12 调整产品特性的样式
  • 2.13 调整页脚的样式
  • 2.14 用Bootstrap CLI运行模板
  • 2.15 JavaScript任务管理器不是必需品
  • 2.16 在GitHub上发布成果
  • 2.17 小结
  • 第3章 用Bootstrap和Sass定制博客站点
  • 3.1 预期结果及搭建顺序
  • 3.2 项目配置与要求
  • 3.3 Sass在项目开发中的威力
  • 3.3.1 规则嵌套
  • 3.3.2 变量
  • 3.3.3 混入
  • 3.3.4 操作
  • 3.4 文件引入
  • 3.5 使用SCSS检查工具编写更简洁易读的代码
  • 3.6 Sass定制策略
  • 3.6.1 用变量进行定制
  • 3.6.2 扩展Bootstrap的预定义CSS类
  • 3.6.3 使用/复用Bootstrap中的混入
  • 3.6.4 Sass函数
  • 3.6.5 复用他人的代码
  • 3.7 编写自己的定制SCSS代码
  • 3.7.1 配色方案
  • 3.7.2 准备HTML模板
  • 3.7.3 调整页眉样式
  • 3.7.4 调整导航条样式
  • 3.8 博客页面主体部分
  • 3.9 调整博客文章的样式
  • 3.10 调整侧边栏的样式
  • 3.11 页脚
  • 3.11.1 页脚中的左侧栏
  • 3.11.2 页脚中的右侧栏
  • 3.12 复用社交媒体按钮的SCSS代码
  • 3.13 本章源代码
  • 3.14 小结
  • 第4章 WordPress主题
  • 4.1 安装WordPress及相关依赖
  • 4.1.1 安装WordPress
  • 4.1.2 Node.js、Gulp和Bower
  • 4.2 安装JBST 4主题
  • 4.3 安装主题
  • 4.4 复用Sass代码
  • 4.5 WordPress与Bootstrap之间的冲突——预定义CSS类
  • 4.5.1 将导航菜单转换成Bootstrap导航条
  • 4.5.2 关于网格
  • 4.6 配置导航条
  • 4.6.1 更新HTML代码
  • 4.6.2 将照片置于导航条正中间
  • 4.7 设置博客的页眉
  • 4.8 不要忘了页脚
  • 4.9 调整博客文章的样式
  • 4.10 博客中的侧边栏
  • 4.11 滑入式侧边栏
  • 4.12 调整按钮的样式
  • 4.13 在页面上调整评论的样式
  • 4.14 在页面中添加传送带效果
  • 4.15 在主题中使用Font Awesome字体图标库
  • 4.16 使用网格砌体模板
  • 4.17 子主题
  • 4.18 从GitHub上下载
  • 4.19 小结
  • 第5章 作品展示站点
  • 5.1 设计目标
  • 5.2 查看练习文件
  • 5.3 搭建传送带
  • 5.4 创建响应式分栏
  • 5.5 把链接变成按钮
  • 5.6 理解Sass
  • 5.7 根据需要定制Bootstrap的Sass文件
  • 5.8 添加logo图片
  • 5.9 添加图标
  • 5.10 调整传送带样式
  • 5.10.1 添加上、下内边距
  • 5.10.2 重定位传送带指示器
  • 5.10.3 调整指示器样式
  • 5.11 调整分栏及其内容
  • 5.12 调整页脚样式
  • 5.13 接下来做什么
  • 5.14 小结
  • 第6章 企业网站
  • 6.1 准备启动文件
  • 6.2 搭建基础设计
  • 6.2.1 在导航条中添加下拉菜单
  • 6.2.2 用holder.js添加图片
  • 6.3 创建复杂的页头区
  • 6.3.1 把logo放到导航条上方
  • 6.3.2 调整导航条
  • 6.4 添加实用导航
  • 6.5 调整响应式导航
  • 6.6 调整配色
  • 6.7 调整折叠后的导航条样式
  • 6.8 调整水平导航条
  • 6.9 增加对Flexbox的支持
  • 6.10 设计复杂的响应式布局
  • 6.10.1 调整大屏幕和超大屏幕中的布局
  • 6.10.2 调整平板视口的中型布局
  • 6.10.3 调整标题、字号和按钮
  • 6.10.4 增大主栏
  • 6.10.5 调整第三栏
  • 6.10.6 针对多个视口进行微调
  • 6.11 复杂的页脚
  • 6.12 准备标记
  • 6.12.1 调整布局适应平板
  • 6.12.2 针对性地清除
  • 6.12.3 修整细节
  • 6.13 小结
  • 第7章 电子商务网站
  • 7.1 商品页面的标记
  • 7.2 面包屑、页面标题和分页导航
  • 7.3 调整商品网格
  • 7.4 侧边栏和筛选选项
  • 7.4.1 基本样式
  • 7.4.2 调整Clearance Sale链接样式
  • 7.4.3 调整选项列表样式
  • 7.4.4 为选项链接添加Font Awesome图标复选框
  • 7.4.5 使用Sass混入在栏中对齐选项
  • 7.4.6 针对平板和手机调整选项列表布局
  • 7.4.7 在手机上折叠选项面板
  • 7.5 添加搜索表单
  • 7.6 小结
  • 第8章 单页面营销网站
  • 8.1 概况
  • 8.2 研究初始文件
  • 8.3 了解页面内容
  • 8.4 添加Font Awesome图标字体至项目
  • 8.5 调整导航条
  • 8.6 定制高清图
  • 8.7 美化功能列表
  • 8.8 装饰用户评论区
  • 8.8.1 定位及美化说明
  • 8.8.2 调整说明元素的位置
  • 8.9 吸引人的价目表
  • 8.9.1 准备变量、文件和标记
  • 8.9.2 美化表格头
  • 8.9.3 调整表体和表脚样式
  • 8.9.4 为不同的价目表添加不同的样式
  • 8.9.5 适配小视口
  • 8.9.6 给表格以视觉层次
  • 8.10 最后的调整
  • 8.11 为导航条添加ScrollSpy
  • 8.12 小结
  • 第9章 用Bootstrap搭建Angular应用
  • 9.1 概述
  • 9.2 首次搭建Angular应用
  • 9.3 在应用中添加路由
  • 9.4 配置导航
  • 9.5 在应用程序中添加Bootstrap的标记代码
  • 9.6 在应用程序中集成Bootstrap的CSS代码
  • 9.6.1 设置Sass编译器
  • 9.6.2 添加后置处理器
  • 9.6.3 使用ng-bootstrap指令
  • 9.7 下载完整的代码
  • 9.8 使用Angular CLI
  • 9.9 在React.js中使用Bootstrap
  • 9.10 其他用于部署Bootstrap 4的工具
  • 9.11 小结
展开全部

评分及书评

尚无评分
目前还没人评分

出版方

人民邮电出版社·图灵出品

图灵社区成立于2005年6月,由人民邮电出版社投资控股,以策划出版高质量的科技书籍为核心业务,主要出版领域包括计算机、电子电气、数学统计、科普等,通过引进国际高水平的教材、专著,以及发掘国内优秀原创作品等途径,为目标读者提供一流的内容。