Bootstrap实战(第2版)

Bootstrap实战(第2版)

作者:[荷] 巴斯·乔布森[美] 戴维·科克伦[美] 伊恩·惠特利

出版社:人民邮电

出版年:2019年6月

ISBN:9787115512420

所属分类:网络科技

书刊介绍

《Bootstrap实战(第2版)》内容简介

Boostrap是Twitter公司内部的一个工具,开源之后迅速得到了各方的认可。本书基于最新Bootstrap 4撰写,在简单介绍了安装与配置之后就直奔主题,分别讨论了构建流程、博客站点、WordPress主题、个人作品展示站点、企业网站、电子商务网站、单页面营销网站和Angular应用等几个最具代表性的应用案例,结合这些案例细致地剖析Bootstrap的使用方式和技巧。
巴斯·乔布森(Bass Jobsen)拥有20多年软件开发经验,Bootstrap布道者,2016年为Bootstrap 4发布了CLI。
戴维·科克伦(David Cochran)卫斯理大学副教授,纽曼大学副教授,BitBrilliant公司创始人。重视最佳实践,不喜欢走捷径,推崇Web标准。2012年开始在媒体上开设Bootstrap专栏,影响了很多Web开发者。
伊恩·惠特利(Ian Whitley)Bootstrap深度用户,拥有丰富的相关开发经验。目前任BitBrilliant公司开发主管。

作品目录

版权声明
前言
本书内容
本书要求
读者对象
本书约定
读者反馈
客户支持

1、章:初识Bootstrap
1.1、数量和质量
1.2、下载Bootstrap源文件
1.3、工具配置
1.4、使用Bootstrap
CLI
1.5、准备新的Bootstrap项目
1.6、设置主结构元素
1.7、浏览器支持
1.8、Yeoman工作流
1.9、排错
1.10、小结

2、章:用Gulp打造自己的构建流程
2.1、开发目标
2.2、Bootstrap构建流程
2.3、在项目中安装Gulp
2.4、配置开发环境和生产环境
2.5、用Bower安装Bootstrap
2.6、创建本地Sass文件结构
2.7、准备JavaScript插件
2.8、模块化HTML
2.9、创建静态Web服务器
2.10、归纳汇总,创建default任务
2.11、使用构建流程,完成项目
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.4、文件引入
3.5、使用SCSS检查工具编写更简洁易读的代码
3.6、Sass定制策略
3.7、编写自己的定制SCSS代码
3.8、博客页面主体部分
3.9、调整博客文章的样式
3.10、调整侧边栏的样式
3.11、页脚
3.12、复用社交媒体按钮的SCSS代码
3.13、本章源代码
3.14、小结

4、章:WordPress主题
4.1、安装WordPress及相关依赖
4.2、安装JBST
4主题
4.3、安装主题
4.4、复用Sass代码
4.5、WordPress与Bootstrap之间的冲突——预定义CSS类
4.6、配置导航条
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.11、调整分栏及其内容
5.12、调整页脚样式
5.13、接下来做什么
5.14、小结

6、章:企业网站
6.1、准备启动文件
6.2、搭建基础设计
6.3、创建复杂的页头区
6.4、添加实用导航
6.5、调整响应式导航
6.6、调整配色
6.7、调整折叠后的导航条样式
6.8、调整水平导航条
6.9、增加对Flexbox的支持
6.10、设计复杂的响应式布局
6.11、复杂的页脚
6.12、准备标记
6.13、小结

7、章:电子商务网站
7.1、商品页面的标记
7.2、面包屑、页面标题和分页导航
7.3、调整商品网格
7.4、侧边栏和筛选选项
7.5、添加搜索表单
7.6、小结

8、章:单页面营销网站
8.1、概况
8.2、研究初始文件
8.3、了解页面内容
8.4、添加Font
Awesome图标字体至项目
8.5、调整导航条
8.6、定制高清图
8.7、美化功能列表
8.8、装饰用户评论区
8.9、吸引人的价目表
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.7、下载完整的代码
9.8、使用Angular
CLI
9.9、在React.js中使用Bootstrap
9.10、其他用于部署Bootstrap
4的工具
9.11、小结
看完了

相关推荐

微信二维码