目录 - 博文视点

第一部分 Bootstrap 布局   
1 Bootstrap 是什么 .............................. 2   
1.1 Bootstrap 简述 ............................ 2  
1.2 如何使用 Bootstrap ..................... 3   
1.3 包含内容 ...................................... 4   
1.4 简单模板 ...................................... 5   
1.5 简单实例 ...................................... 6   
2 网格系统 ........................................... 9   
2.1 实现原理 ...................................... 9   
2.2 工作原理 ...................................... 9   
2.3 基本用法 ..................................... 11   
2.4 列偏移 .........................................12   
2.5 列排序 .........................................13   
2.6 列嵌套 .........................................15   
3 排版 ................................................ 16  
3.1 标题 .............................................16  
3.1.1 大标题 ............................16   
3.1.2 小标题 ........................... 18   
3.2 段落 ............................................ 19  
3.3 mark 标签 ................................... 19  
3.4 del 和 s 标签 ............................... 19  
3.5 ins 和 u 标签 .............................. 20   
3.6 strong 和 b 标签 ......................... 20   
3.7 em 和 i 标签 ............................... 21  
3.8 文本对齐方式 ............................ 21  
3.9 字母大小写 ................................ 22   
3.10 abbr 标签的 title 属性 .............. 23   
3.11 引用样式 .................................. 23   
3.12 列表 .......................................... 23   
3.12.1 有序列表和无序列表 ... 24   
3.12.2 去点列表 ..................... 24   
3.12.3 内联列表 ..................... 25  
3.12.4 定义列表 ..................... 25  
3.12.5 水平列表 ..................... 25   
3.13 代码 .......................................... 27  
3.14 表格 .......................................... 28   
3.14.1 基础表格 ......................28  
3.14.2 斑马线 ..........................29   
3.14.3 表格边框 ......................30   
3.14.4 高亮行 ..........................31   
3.14.5 紧凑型表格 ..................33   
3.14.6 响应式表格 ..................33   
第二部分 Bootstrap 表单元素   
4 表单 ................................................ 36   
4.1 基础表单 .....................................36   
4.1.1 基本实例 ........................36  
4.1.2 内联表单 ........................37   
4.1.3 水平表单 ........................37   
4.2 输入框 .........................................39  
4.3 下拉框 .........................................39  
4.4 文本域 .........................................40  
4.5 多选框和单选框 .........................41   
4.6 表单焦点 .....................................42   
4.7 表单禁用 .....................................42   
4.8 验证样式 .....................................44   
4.8.1 颜色提示 ........................44  
4.8.2 图标提示 ........................45   
4.8.3 文字提示 ........................46   
4.9 元素大小 .....................................47   
4.9.1 高度 ................................47   
4.9.2 宽度 ................................49   
4.10 按钮 ...........................................49  
4.10.1 基本按钮 ......................49  
4.10.2 多标签 ..........................50   
4.10.3 按钮风格 ......................51   
4.10.4 按钮大小 ......................52   
4.10.5 块状按钮 ......................53   
4.10.6 激活和禁用 ................. 53   
4.11 图片 .......................................... 5  
4 4.12 图标 .......................................... 56   
4.13 输入框组 .................................. 58   
5 下拉菜单 ......................................... 62  
5.1 基本用法 .................................... 62  
5.2 基本原理 .................................... 63  
5.3 分割线 ........................................ 64  
5.4 菜单标题 .................................... 64   
5.5 对齐方式 .................................... 65   
5.6 菜单状态 .................................... 68   
6 按钮组 ............................................ 70  
6.1 基本按钮组 ................................ 70   
6.2 工具栏 ........................................ 71   
6.3 按钮组的大小 ............................ 74   
6.4 嵌套分组 .................................... 76   
6.5 垂直分组 .................................... 77   
6.6 等分按钮 .................................... 78   
6.7 按钮下拉菜单 ............................ 78   
第三部分 Bootstrap 导航   
7 导航 ................................................ 84  
7.1 导航基础样式 ............................ 84   
7.2 选项卡导航 ................................ 86   
7.3 Pills 导航 ................................... 86   
7.4 垂直导航 .................................... 87   
7.5 导航状态 .................................... 88   
7.6 自适应导航 ................................ 88   
7.7 导航二级菜单 ............................ 89   
7.8 面包屑导航 ................................ 90   
7.9 导航条 ........................................ 92    
7.10 导航条的基本用法 ...................92  
7.11 品牌图标 ...................................93   
7.12 导航条——表单 .......................94  
7.13 导航条——按钮 .......................96  
7.14 导航条——文本和链接 ...........97  
7.15 导航条中的二级菜单 ...............98   
7.16 固定导航条 ...............................99  
7.17 响应式导航条 ......................... 101  
7.18 反色导航条 ............................. 103  
7.19 分页导航 ................................. 104  
7.20 标签和徽章 ............................. 107   
第四部分 Bootstrap 内置组件   
8 内置组件 ....................................... 112  
8.1 面板 ........................................... 112  
8.1.1 基础应用 ...................... 113   
8.1.2 面板的标题和脚注 ...... 114  
8.1.3 基础样式 ...................... 114   
8.1.4 嵌套表格 ...................... 116  
8.1.5 嵌套列表 ...................... 118   
8.2 缩略图 ....................................... 119  
8.3 巨幕 ........................................... 122  
8.4 页头 ........................................... 123  
8.5 提示框 ....................................... 124   
8.6 进度条 ....................................... 127   
8.6.1 基础进度条 .................. 127   
8.6.2 显示进度 ...................... 127  
8.6.3 彩色进度条 .................. 129  
8.6.4 条纹进度条 .................. 130  
8.6.5 堆叠效果 ...................... 131  
8.7 媒体对象 ................................... 132   
8.7.1 基本构成 ...................... 132   
8.7.2 对齐方式 ..................... 133   
8.7.3 嵌套对象 ..................... 134   
8.7.4 媒体列表组 ................. 135  
8.8 列表组 ...................................... 136   
8.8.1 基础列表组 ................. 136   
8.8.2 带徽章的列表组 ......... 137   
8.8.3 链接列表组 ................. 138  
8.8.4 其他元素的支持 ......... 139  
8.8.5 状态设置 ..................... 141  
8.8.6 列表组主题 ................. 143   
第五部分 Bootstrap 对 JavaScript 的支持   
9 JavaScript 支持 ............................ 146  
9.1 插件库说明 .............................. 146  
9.2 编程方式 .................................. 147  
9.2.1 data-\*属性 ................... 147   
9.2.2 编程方式 API .............. 149   
9.2.3 命名空间冲突 ............. 149  
9.2.4 事件 ............................. 149  
9.2.5 版本 ............................. 150  
9.3 过渡效果 .................................. 150   
9.4 对话框 ...................................... 152  
9.4.1 对话框结构 ................. 152   
9.4.2 对话框的特点 ............. 153   
9.4.3 弹出框触发方式 ......... 156   
9.4.4 过渡效果 ..................... 158  
9.4.5 触发参数 data-\* .......... 159  
9.4.6 JavaScript触发—— 参数 .............................. 161   
9.4.7 JavaScript触发—— 方法 ............................. 163   
9.4.8 JavaScript触发—— 事件 ............................... 165   
9.5 下拉菜单 ................................... 167   
9.5.1 声明式触发 .................. 167   
9.5.2 JavaScript 触发 ............. 168  
9.5.3 事件 .............................. 169  
9.6 监听滚动 ................................... 171   
9.6.1 组件说明 ...................... 171   
9.6.2 滚动监听实现步骤 ...... 171  
9.6.3 声明式触发 .................. 173  
9.6.4 JavaScript 触发 ............. 175  
9.7 Tab 选项卡 ................................ 176   
9.7.1 选项卡的组成 .............. 177  
9.7.2 声明式触发 .................. 178  
9.7.3 JavaScript 触发 ............. 180  
9.7.4 Pills 导航 ...................... 181   
9.7.5 过渡效果 ...................... 181   
9.7.6 事件 .............................. 182  
9.8 Tip 提示 .................................... 184  
9.8.1 结构 .............................. 185   
9.8.2 JavaScript 触发 ............. 185   
9.8.3 data-\*属性 .................... 187   
9.8.4 JavaScript 触发参数 ..... 188   
9.8.5 事件 .............................. 189   
9.9 提示框 ....................................... 190  
9.9.1 alert 结构 ...................... 190   
9.9.2 声明式触发 .................. 191   
9.9.3 JavaScript 触发 ............. 192   
9.9.4 事件 .............................. 193   
9.10 Popover 弹出框 ....................... 193  
9.10.1 弹出框结构 ................ 194   
9.10.2 声明式属性 ................ 194   
9.10.3 JavaScript 方式触发 ... 195   
9.10.4 事件 ........................... 197   
9.11 按钮 ........................................ 198  
9.11.1 按钮加载状态 ............ 198  
9.11.2 单选按钮 .................... 199  
9.11.3 多选按钮 .................... 200  
9.11.4 方法 ............................ 201  
9.12 折叠/手风琴 Collapse ............ 203   
9.12.1 结构 ........................... 204   
9.12.2 声明式触发 ............... 205  
9.12.3 方法 ........................... 207   
9.12.4 事件 ........................... 208  
9.13 轮播图 .................................... 209   
9.13.1 轮播图构成 ............... 210   
9.13.2 声明式触发 ............... 213   
9.13.3 JavaScript 触发 .......... 215  
9.13.4 事件 ........................... 216  
9.14 Affix 插件 .............................. 216  
9.14.1 声明属性 ................... 217   
9.14.2 JavaScript 方法 .......... 217  
9.14.3 事件 ........................... 220   
第六部分 HTML和CSS 3的相关知识   
10 HTML 元素 ................................. 222  
10.1 表单属性 ................................ 222   
10.2 Input 类型............................... 223   
10.3 HTML 5 新标签 ..................... 226  
10.3.1 role 属性 .................... 226  
10.3.2 header 标签 ............... 226   
10.3.3 footer 标签 ................. 227   
10.3.4 nav 标签 .................... 227  
10.3.5 article 标签 ................ 228   
10.3.6 section 标签 ............... 228    
11 CSS 3 样式 ................................. 230   
11.1 选择器 ..................................... 230   
11.1.1 完全匹配属性选择器 ... 231   
11.1.2 包含匹配选择器......... 231   
11.1.3 首字符匹配选择器 ..... 231  
11.1.4 末字符匹配选择器 ..... 231  
11.2 伪类选择器 ............................. 232  
11.3 阴影 ......................................... 232   
11.4 背景 ......................................... 233   
11.5 圆角边框 ................................. 235  
11.6 响应式设计 ............................. 235   
11.6.1 什么是响应式设计 ..... 235   
11.6.2 响应式设计优缺点 ..... 236   
11.6.3 Viewport 窗口 ........... 236  
11.6.4 Media Queries 语法 .. 236   
12 案例 ............................................ 240   
12.1 默认样式的不足 .................... 240   
12.2 日历控件的使用 .................... 242  
12.3 页面显示代码内容 ................ 243   
12.4 表格插件 ................................ 244  
12.5 图表插件 ................................ 246  
附录 A Bootstrap 4.0 以及其他 ....... 249   
A.1 重大更新 ................................. 249   
A.2 重要链接地址 ......................... 250

图书分类

高可靠系统构建指南：服务稳定性建设与技术债务治理

特色专题

帮助

目录

目录

图书类别