关于前端:Bootstrap实战

27次阅读

共计 2093 个字符,预计需要花费 6 分钟才能阅读完成。

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

正文完
 0