Bootstrap实战

下载地址 https://pan.baidu.com/s/1UeJOPj2XgX4qlYqKv0GKgQ

扫码上面二维码关注公众号回复 100025获取分享码

本书目录构造如下:

第1章　初识Bootstrap 1
1.1 数量和品质 1
1.1.1 与时俱进 1
1.1.2 LESS的威力 2
1.2 下载Bootstrap 2
1.3 筹备我的项目模板文件夹 4
1.3.1 下载H5BP 4
1.3.2 删除不必要的样板文件 4
1.3.3 了解样板中的.htaccess文件 5
1.3.4 更新必要的样板文件 5
1.3.5 更新站点桌面和触摸设施图标 5
1.4 退出Bootstrap文件 5
1.4.1 字体 6
1.4.2 JavaScript 6
1.4.3 临时不思考CSS 文件 9
1.4.4 复制LESS文件 9
1.5 大盘点 9
1.6 结构HTML模板 10
1.7 设定站点题目 12
1.7.1 调整过期的浏览器音讯 12
1.7.2 设置主构造元素 13
1.8 导航条 14
1.9 编译和链接默认的Bootstrap CSS 15
1.9.1 编译Bootstrap CSS 15
1.9.2 实现响应式导航条 17
1.9.3 排除故障 19
1.9.4 反对IE8 20
1.10 小结 21
第2章　作品展现站点 23
2.1 设计指标 23
2.2 查看练习文件 26
2.3 搭建传送带 28
2.4 创立响应式分栏 30
2.5 把链接变成按钮 31
2.6 了解LESS 32
2.6.1 嵌套规定 32
2.6.2 变量 33
2.6.3 混入 33
2.6.4 运算式 34
2.6.5 导入文件 34
2.6.6 模块化 35
2.7 依据须要定制Bootstrap的LESS文件 35
2.8 增加Logo图片 38
2.9 调整导航项内边距 40
2.10 增加图标 41
2.11 增加Font Awesome图标 43
2.12 调整导航项图标色彩 45
2.13 调整响应式导航条断点 47
2.14 调整传送带 47
2.14.1 把控件改成应用Font Awesome图标 48
2.14.2 增加上、下内边距 50
2.14.3 强制图片全宽 50
2.14.4 束缚传送带的高度 51
2.14.5 重定位指示器 52
2.14.6 调整指示器外观 54
2.15 调整分栏及其内容 56
2.16 润饰页脚 60
2.17 接下来做什么 62
2.18 小结 63
第3章 WordPress主题 64
3.1 下载并重命名Roots主题 64
3.2 装置主题 66
3.3 配置导航条 69
3.4 增加首页内容 71
3.5 自定义页面模板 75
3.6 了解Roots的基准模板 76
3.7 创立自定义的根本模板 79
3.8 在自定义构造中应用自定义栏目 81
3.9 创立自定义的内容模板 83
3.9.1 通过自定义栏目构建传送带 84
3.9.2 应用自定义栏目构建三栏内容 87
3.10 退出页脚内容 88
3.11 Roots的assets文件夹里有什么 89
3.12 更换设计资源 90
3.13 链接样式表 91
3.14 链接JavaScript文件 92
3.15 为导航条和页脚增加Logo图片 94
3.16 增加图标链接 96
3.17 复原WordPress特有的款式 97
3.18 小结 99
第4章　企业网站 100
4.1 筹备启动文件 103
4.2 页头区 105
4.2.1 把Logo放到导航条上方 105
4.2.2 调整导航条 108
4.3 增加实用导航 110
4.4 调整响应式导航 112
4.5 调整配色 115
4.6 调整折叠后的导航条配色 116
4.7 设计简单的响应式布局 120
4.7.1 调整中、宽布局 122
4.7.2 调整题目、字体大小和按钮 124
4.7.3 增大主栏 126
4.7.4 调整第三栏 128
4.7.5 针对多个视口进行微调 131
4.8 简单的页脚 131
4.8.1 筹备标记 131
4.8.2 调整布局适应平板 132
4.8.3 针对性地革除 134
4.8.4 修整细节 135
4.9 小结 138
第5章　电子商务网站 139
5.1 商品页的标记 141
5.2 面包屑、页面题目和分页导航 142
5.3 调整商品网格 145
5.4 侧边栏和筛选选项 150
5.4.1 根本布局 152
5.4.2 Clearance Sale按钮 152
5.4.3 选项列表 154
5.4.4 为选项链接增加Font Awesome图标复选框 156
5.4.5 应用LESS混入在栏中对齐选项 159
5.4.6 针对平板和手机调整选项列表布局 159
5.4.7 在手机上折叠选项面板 161
5.5 小结 165
第6章　单页营销网站 166
6.1 详情 166
6.2 初始文件 169
6.3 理解页面内容 169
6.4 调整导航条 170
6.5 定制高清图 171
6.6 丑化性能列表 178
6.7 装璜用户评论区 182
6.7.1 定位及丑化阐明 183
6.7.2 调整阐明元素的地位 186
6.7.3 增加Bootstrap的网格类 187
6.7.4 下载并链接JavaScript插件 188
6.7.5 初始化Masonry插件 189
6.7.6 切齐图片 191
6.7.7 适应小微屏幕 194
6.8 吸引人的价目表 194
6.8.1 筹备变量、文件和标记 195
6.8.2 表格头 197
6.8.3 表体和表脚 199
6.8.4 为不同的价目表增加不同的款式 200
6.8.5 适配小视口 202
6.8.6 突出重要的表格 205
6.9 最初的调整 209
6.10 为导航条增加ScrollSpy 211
6.11 小结 213