BootStrap开发精解：原理、技术、工具及最佳实践

Contents　目录

译者序

作者简介

审校者简介

前言

第1章　Bootstrap入门 1

1.1　移动优先的设计 1

1.2　为什么选择Bootstrap 3

1.3　小结 6

第2章　Bootstrap的安装与定制 7

2.1　在HTML文件中包含Bootstrap 8

2.2　Bootstrap CDN 10

2.3　用自定义的CSS进行覆盖 12

2.4　使用Bootstrap定制程序 15

2.5　Bootstrap的深度定制 17

2.6　下载Bootstrap源代码 18

2.7　编译LESS文件 20

2.7.1　使用SimpLESS编译LESS文件 21

2.7.2　使用WinLess编译LESS文件 22

2.7.3　使用命令行编译LESS文件 23

2.8　整合 23

2.9　小结 31

第3章　使用Bootstrap栅格 32

3.1　使用Bootstrap栅格类 33

3.1.1　添加行与列 34

3.1.2　为小型设备定制栅格 37

3.1.3　为列添加偏移 39

3.1.4　推拉列 40

3.1.5　嵌套列 42

3.2　使用Bootstrap变量和mixin 44

3.2.1　Bootstrap栅格变量 45

3.2.2　Bootstrap栅格mixin 45

3.3　使用Bootstrap栅格mixin和变量创建博客布局 46

3.4　小结 57

第4章　使用基本CSS样式 58

4.1　实现Bootstrap基本CSS样式 59

4.1.1　标题 59

4.1.2　页面主体 63

4.1.3　排版元素 64

4.1.4　表格 78

4.1.5　按钮 82

4.1.6　表单 84

4.1.7　代码 88

4.1.8　图片 90

4.1.9　字体系列 91

4.1.10　字体尺寸 92

4.2　使用LESS变量自定义基本CSS样式 93

4.3　小结 97

第5章　添加Bootstrap组件 98

5.1　组件及其用途 99

5.1.1　字体图标 99

5.1.2　导航标签页 102

5.1.3　胶囊式标签页 104

5.1.4　两端对齐的标签和胶囊式标签 105

5.1.5　下拉菜单 106

5.1.6　导航条 108

5.1.7　路径导航 111

5.2　小结 113

第6章　组件的更多功能 114

6.1　用组件简化网页设计项目 115

6.1.1　巨幕 116

6.1.2　页头 117

6.1.3　well 118

6.1.4　徽章 119

6.1.5　标签 120

6.1.6　进度条 121

6.1.7　面板 122

6.1.8　缩略图 125

6.1.9　分页 126

6.1.10　列表组 128

6.1.11　按钮组 129

6.1.12　按钮工具栏 132

6.1.13　分裂式按钮下拉菜单 133

6.1.14　两端对齐排列的按钮组 135

6.1.15　复选框和单选按钮 135

6.1.16　警告框 137

6.1.17　媒体对象 139

6.1.18　具有响应式特性的嵌入内容 140

6.2　小结 143

第7章　使用JavaScript增强用户体验 144

7.1　使用官方插件简化项目设计 145

7.1.1　工具提示 145

7.1.2　弹出框 147

7.1.3　折叠面板 149

7.1.4　滚动监听 152

7.1.5　模态窗 156

7.1.6　轮播 158

7.2　小结 160

第8章　Bootstrap技术中心—Bootstrap工具介绍 161

8.1　主题和模板 162

8.1.1　开源主题和模板 162

8.1.2　商业主题和模板 163

8.2　现成的资源和插件 164

8.2.1　Font Awesome 164

8.2.2　Bootstrap的Social Buttons165

8.2.3　Bootstrap Magic 165

8.2.4　Jasny Bootstrap 166

8.2.5　Fuel UX 167

8.2.6　Bootsnipp 169

8.2.7　Bootdey 170

8.2.8　BootBundle 172

8.2.9　Start Bootstrap 172

8.3　开发工具和编辑器 173

8.3.1　Bootply 173

8.3.2　LayoutIt 174

8.3.3　UI Bootstrap 175

8.3.4　Kickstrap 175

8.3.5　ShoeStrap 175

8.3.6　StrapPress 175

8.3.7　Summernote 176

8.4　官方的Bootstrap资源 176

8.4.1　Bootlint 176

8.4.2　Bootstrap with SaaS 176

8.4.3　Bootstrap Expo 177

8.5　小结 177