Bootstrap4中文整理版文本_bootstrap4文档,bootstrap4中文文档下载

Bootstrap

5星 · 超过95%的资源需积分: 44 87 浏览量更新于2023-03-16 评论 4 收藏 3.68MB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

简介 ........................................................................................................................................................................................... 9

初学者模板 ............................................................................................................................................................................. 10

栅格系统 ................................................................................................................................................................................. 16

机制原理 ......................................................................................................................................................................... 16

栅格选项 ......................................................................................................................................................................... 18

自动布局列 ..................................................................................................................................................................... 18

等宽布局 ......................................................................................................................................................................... 18

设置一列宽度 ................................................................................................................................................................. 19

可变宽度的弹性空间 ..................................................................................................................................................... 20

等宽多行 ......................................................................................................................................................................... 21

响应式的 class 选择器.................................................................................................................................................... 21

覆盖所有设备 ................................................................................................................................................................. 21

水平堆砌 ......................................................................................................................................................................... 22

混合布局 ......................................................................................................................................................................... 22

对齐 ................................................................................................................................................................................. 23

垂直对齐示例 ......................................................................................................................................................... 23

水平对齐示例 ......................................................................................................................................................... 25

间隙沟槽(gutters)清除 .......................................................................................................................................... 26

列换行 ..................................................................................................................................................................... 27

换行 ......................................................................................................................................................................... 27

重排序 ............................................................................................................................................................................. 28

Class 顺序重定义 ................................................................................................................................................... 28

列偏移 ..................................................................................................................................................................... 29

Margin 移动布局............................................................................................................................................................. 30

列嵌套 ............................................................................................................................................................................. 31

Sass mixins ....................................................................................................................................................................... 31

变量 ......................................................................................................................................................................... 31

Mixins .............................................................................................................................................................................. 32

应用案例 ......................................................................................................................................................................... 32

自定义栅格系统 ............................................................................................................................................................. 33

自定义列和间隙 ..................................................................................................................................................... 33

自定义栅格 ............................................................................................................................................................. 33

初始化与 CSS 重置 ................................................................................................................................................................. 35

标题和段落 ..................................................................................................................................................................... 36

列表 ................................................................................................................................................................................. 36

pre 预先格式化文本...................................................................................................................................................... 37

表格 ................................................................................................................................................................................. 37

Forms 表单 ..................................................................................................................................................................... 37

其它杂项 ......................................................................................................................................................................... 38

Address 地址控件 .................................................................................................................................................. 38

Blockquote 引用块效果 ........................................................................................................................................ 38

addr 内联元素 ........................................................................................................................................................ 38

概要 ................................................................................................................................................................................. 39

排版 ......................................................................................................................................................................................... 39

全局设置 ......................................................................................................................................................................... 39

标题 ................................................................................................................................................................................. 40

自定义标题备注 ..................................................................................................................................................... 41

显式标题 ......................................................................................................................................................................... 41

Lead 中心内容 ................................................................................................................................................................ 41

文本内联元素 ................................................................................................................................................................. 41

文本实用程序 ................................................................................................................................................................. 42

abbr 缩略语 .................................................................................................................................................................... 42

blockquote 来源备注与引用 ....................................................................................................................................... 42

底部备注来源 ......................................................................................................................................................... 43

对齐处理 ................................................................................................................................................................. 43

列表 ......................................................................................................................................................................................... 43

列表样式初始化 ..................................................................................................................................................... 43

分行或单行多列并排 ............................................................................................................................................. 44

dl 表格式水平描述 ................................................................................................................................................. 45

响应式排版 ............................................................................................................................................................................. 46

代码 ......................................................................................................................................................................................... 46

内联代码 ......................................................................................................................................................................... 46

代码块 ............................................................................................................................................................................. 47

Var 变量 .......................................................................................................................................................................... 47

用户输入（键盘动作提示） ......................................................................................................................................... 47

示例标注 ......................................................................................................................................................................... 47

图片 ......................................................................................................................................................................................... 48

响应式图片 ..................................................................................................................................................................... 48

缩略图处理 ..................................................................................................................................................................... 48

图像对齐处理 ................................................................................................................................................................. 48

Html 5 标准之 Picture 元素 ......................................................................................................................................... 49

表格 ......................................................................................................................................................................................... 49

示例 ................................................................................................................................................................................. 49

Head 表头处理 ............................................................................................................................................................... 51

条纹状表格 ..................................................................................................................................................................... 53

Bordered table ............................................................................................................................................................... 55

行悬停效果 ..................................................................................................................................................................... 57

紧缩表格 ......................................................................................................................................................................... 59

语义状态化 ..................................................................................................................................................................... 60

Captions 表格辅助标题 ................................................................................................................................................. 62

响应式表格 ............................................................................................................................................................................. 63

多屏幕断点设定 ............................................................................................................................................................. 64

图文框 ..................................................................................................................................................................................... 66

示例 ................................................................................................................................................................................. 66

文字对齐控制 ................................................................................................................................................................. 67

警告提示框(Alert) ................................................................................................................................................................... 67

示例 ................................................................................................................................................................................. 67

链接颜色 ......................................................................................................................................................................... 68

额外附加内容 ................................................................................................................................................................. 69

关闭警告（小贴士效果） ............................................................................................................................................. 70

JavaScript 行为 ................................................................................................................................................................ 70

触发 ......................................................................................................................................................................... 70

方法 ......................................................................................................................................................................... 70

事件 ......................................................................................................................................................................... 71

徽章(Badge) ............................................................................................................................................................................. 71

示例 ................................................................................................................................................................................. 71

情景变化 ......................................................................................................................................................................... 72

椭圆形胶囊标签 ............................................................................................................................................................. 72

链接它 ............................................................................................................................................................................. 73

面包屑导航(Breadcrumb) ....................................................................................................................................................... 73

无障碍处理 ..................................................................................................................................................................... 74

按钮(Button)............................................................................................................................................................................ 74

示例 ................................................................................................................................................................................. 74

按钮标签 ......................................................................................................................................................................... 75

轮廓按钮 ......................................................................................................................................................................... 75

尺寸规格与大小定义 ..................................................................................................................................................... 76

启用状态 ......................................................................................................................................................................... 76

禁用状态 ......................................................................................................................................................................... 76

按钮插件 ......................................................................................................................................................................... 77

切换状态 ......................................................................................................................................................................... 77

复选框和单选框 ............................................................................................................................................................. 78

方法 ................................................................................................................................................................................. 79

按钮组(Btn-group) .................................................................................................................................................................. 80

基本示例 ................................................................................................................................................................. 80

按钮工具栏 ............................................................................................................................................................. 80

大小规格和尺寸缩放 ............................................................................................................................................. 82

嵌套 ......................................................................................................................................................................... 82

垂直排列 ................................................................................................................................................................. 83

.card 卡片组件（样式） ........................................................................................................................................................ 83

关于 ................................................................................................................................................................................. 83

示例 ......................................................................................................................................................................... 83

Card title .................................................................................................................................................................. 83

内容类型 ................................................................................................................................................................. 84

主体 ......................................................................................................................................................................... 84

标题、文字和链接 ................................................................................................................................................. 84

图片 ......................................................................................................................................................................... 85

列表组 ..................................................................................................................................................................... 86

混合样式 ................................................................................................................................................................. 87

页眉页脚 ................................................................................................................................................................. 87

缩放 ......................................................................................................................................................................... 90

使用栅格系统 ......................................................................................................................................................... 90

使用通用全局属性 ................................................................................................................................................. 90

自定义 CSS ............................................................................................................................................................. 91

文本对齐 ................................................................................................................................................................. 92

导航 ......................................................................................................................................................................................... 94

图片 ................................................................................................................................................................................. 95

图片覆盖 ................................................................................................................................................................. 95

图像叠加覆盖 ......................................................................................................................................................... 96

卡片样式 ......................................................................................................................................................................... 96

背景和颜色 ............................................................................................................................................................. 97

边框 ......................................................................................................................................................................... 99

Mixins 实用程序 .................................................................................................................................................. 101

卡片排版 ............................................................................................................................................................... 101

卡片组 ................................................................................................................................................................... 101

Card decks 卡片阵列 ........................................................................................................................................... 104

多列卡片浮动排版 ............................................................................................................................................... 106

轮播效果(Carousel) ............................................................................................................................................................... 109

工作原理 ....................................................................................................................................................................... 109

示例 ............................................................................................................................................................................... 109

经典幻灯片效果 ................................................................................................................................................... 109

带控制器的效果 ................................................................................................................................................... 109

包含姿态指示器 ................................................................................................................................................... 110

包含字幕的轮播 ................................................................................................................................................... 111

用法 ............................................................................................................................................................................... 112

通过数据属性 ....................................................................................................................................................... 112

通过 JavaScript ..................................................................................................................................................... 112

选项 ....................................................................................................................................................................... 112

方法 ....................................................................................................................................................................... 113

.carousel('dispose') ................................................................................................................................... 114

事件 ....................................................................................................................................................................... 114

折叠面板(Collapse) ............................................................................................................................................................... 115

示例 ............................................................................................................................................................................... 115

多目标控制 ................................................................................................................................................................... 115

手风琴折叠范例 ........................................................................................................................................................... 116

无障碍浏览提示(易用性) ............................................................................................................................................. 119

用法 ............................................................................................................................................................................... 119

利用 data 数据属性 ............................................................................................................................................. 120

利用 JavaScript ..................................................................................................................................................... 120

选项 ....................................................................................................................................................................... 120

方法 ....................................................................................................................................................................... 120

.collapse('dispose') ................................................................................................................................... 121

事件 ....................................................................................................................................................................... 121

下拉菜单 (Dropdowns) ........................................................................................................................................................ 122

概览 ............................................................................................................................................................................... 122

无障碍浏览提示(易用性) ............................................................................................................................................. 122

示例 ............................................................................................................................................................................... 122

单一按钮的下拉菜单 ........................................................................................................................................... 122

分裂式按钮下拉菜单 ........................................................................................................................................... 124

尺寸大小定义 ............................................................................................................................................................... 124

变形-向上展开 ...................................................................................................................................................... 126

Dropright 右指向下拉菜单 .................................................................................................................................. 126

Droprleft 左指向下拉菜单 .................................................................................................................................. 127

菜单项 ................................................................................................................................................................... 128

菜单对齐 ............................................................................................................................................................... 129

菜单标题 ............................................................................................................................................................... 129

菜单分隔与分割线 ............................................................................................................................................... 129

菜单表单 ............................................................................................................................................................... 130

有效菜单项 ........................................................................................................................................................... 132

禁用菜单项 ........................................................................................................................................................... 132

用例 ....................................................................................................................................................................... 132

通过事件属性 ....................................................................................................................................................... 133

通过 JavaScript ..................................................................................................................................................... 133

选项 ....................................................................................................................................................................... 133

方法 ....................................................................................................................................................................... 133

事件 ....................................................................................................................................................................... 133

表单(Forms)........................................................................................................................................................................... 135

概览 ............................................................................................................................................................................... 135

表单控件 ............................................................................................................................................................... 135

大小规格 ............................................................................................................................................................... 137

只读属性 ............................................................................................................................................................... 138

只读纯文本 ........................................................................................................................................................... 138

复选框与单选框 ................................................................................................................................................... 139

默认堆叠 ............................................................................................................................................................... 139

水平排列 ............................................................................................................................................................... 140

没有标签 ............................................................................................................................................................... 141

布局 ....................................................................................................................................................................... 141

表单组 ................................................................................................................................................................... 141

表单栅格排列 ....................................................................................................................................................... 142

垂直排列表单 ....................................................................................................................................................... 144

垂直排列表单尺寸规格定义 ............................................................................................................................... 146

栅格式列尺寸定义 ............................................................................................................................................... 147

内联式表单 ........................................................................................................................................................... 149

隐藏的标签替代 ................................................................................................................................................... 151

表单下方帮助提示文本 ....................................................................................................................................... 151

禁用表单 ............................................................................................................................................................... 152

验证 ....................................................................................................................................................................... 153

运行原理 ............................................................................................................................................................... 153

自定义样式 ........................................................................................................................................................... 153

浏览器默认值 ....................................................................................................................................................... 156

服务器端 ............................................................................................................................................................... 157

支持元素 ............................................................................................................................................................... 159

提示 ....................................................................................................................................................................... 160

自定义表单 ........................................................................................................................................................................... 162

复选框和单选框自定义 ....................................................................................................................................... 162

Select menu 下拉选择菜单 ................................................................................................................................. 165

文件浏览（文件选取）器 ................................................................................................................................... 166

input 输入框及输入框群组(Input-group) ............................................................................................................................ 168

基本示例 ....................................................................................................................................................................... 168

规格尺寸定义 ....................................................................................................................................................... 169

勾选或单选框组合 ............................................................................................................................................... 170

多个输入 ............................................................................................................................................................... 170

多类型控件组合 ................................................................................................................................................... 171

按钮组合 ............................................................................................................................................................... 171

带下拉列表的按钮组合 ....................................................................................................................................... 172

分裂式按钮与 input 组合 ..................................................................................................................................... 173

自定义表单 ........................................................................................................................................................... 174

自定义选择 ........................................................................................................................................................... 174

自定义文件输入 ................................................................................................................................................... 175

无障碍浏览提示(易用性) ..................................................................................................................................... 176

Hero 广告大块屏幕(Jumbotron) .......................................................................................................................................... 177

列表组(List-group) ................................................................................................................................................................. 179