Bootstrap 基础教程

VI Bootstrap基础教程
目录
**部分 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
目录 VII
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 按钮下拉菜单 ...............