Bootstrap 类 参考
所有 Bootstrap 类完整列表
所有 Bootstrap 类的完整列表，附带说明和示例
| 类 | 描述 | 示例 | 类别 |
|---|---|---|---|
.active |
为表格行 (<tr>) 或表格单元格 (<td>) 添加灰色背景色 (悬停时使用的颜色相同) |
试一试 | 表格 |
.active |
为默认导航栏中的活动链接添加灰色背景色。为反转导航栏中的当前链接添加黑色背景和白色文本。 | 试一试 | 导航栏 |
.active |
为列表组中的活动列表项添加蓝色背景色 | 试一试 | 列表组 |
.active |
添加蓝色背景色以模拟“按下”的按钮 | 试一试 | 按钮 |
.active |
为条纹进度条添加动画效果 | 试一试 | 进度条 |
.active |
为下拉菜单中的活动下拉项添加蓝色背景色 | 试一试 | 下拉菜单 |
.active |
为活动分页链接添加蓝色背景色 (以突出显示当前页) | 试一试 | 分页 |
.affix |
Affix 插件允许元素固定 (锁定/粘滞) 在页面上的某个区域。它切换 position:fixed 的开启和关闭 |
试一试 | Affix |
.alert |
创建提醒消息框 | 试一试 | 提醒框 |
.alert-danger |
红色警告框。指示危险或潜在的负面操作 | 试一试 | 提醒框 |
.alert-dismissible |
与 .close 类一起使用，用于关闭警告框 |
试一试 | 提醒框 |
.alert-info |
浅蓝色警告框。指示一些信息 | 试一试 | 提醒框 |
.alert-link |
用于警告框中的链接，以添加匹配的彩色链接 | 试一试 | 提醒框 |
.alert-success |
绿色警告框。指示成功的或积极的操作 | 试一试 | 提醒框 |
.alert-warning |
黄色警告框。指示应谨慎对待此操作 | 试一试 | 提醒框 |
.badge |
创建一个圆形徽章 (灰色圆圈 - 通常用作数字指示器) | 试一试 | 徽章 |
.bg-danger |
为元素添加红色背景。表示危险或负面操作 | 试一试 | 辅助类 |
.bg-info |
为元素添加浅蓝色背景色。表示一些信息 | 试一试 | 辅助类 |
.bg-primary |
为元素添加蓝色背景色。表示重要事项 | 试一试 | 辅助类 |
.bg-success |
为元素添加绿色背景色。表示成功或积极的操作 | 试一试 | 辅助类 |
.bg-warning |
为元素添加黄色背景色。表示警告或负面操作 | 试一试 | 辅助类 |
.breadcrumb |
分页。指示当前页在导航层次结构中的位置 | 试一试 | 分页 |
.btn |
创建一个基本按钮 (灰色背景和圆角) | 试一试 | 按钮 |
.btn-block |
创建一个跨越父元素整个宽度的块级按钮 | 试一试 | 按钮 |
.btn-danger |
红色按钮。指示危险或负面操作 | 试一试 | 按钮 |
.btn-default |
默认按钮。白色背景和灰色边框 | 试一试 | 按钮 |
.btn-group |
将按钮组合在一起，显示在同一行 | 试一试 | 按钮组 |
.btn-group-justified |
使按钮组跨越屏幕的整个宽度 | 试一试 | 按钮组 |
.btn-group-lg |
大型按钮组（使按钮组中的所有按钮变大 - 增加字号和内边距） | 试一试 | 按钮组 |
.btn-group-sm |
小型按钮组（使按钮组中的所有按钮变小） | 试一试 | 按钮组 |
.btn-group-xs |
超小按钮组 (使按钮组中的所有按钮都超小) | 试一试 | 按钮组 |
.btn-group-vertical |
使按钮组垂直堆叠 | 试一试 | 按钮组 |
.btn-info |
浅蓝色按钮。表示信息 | 试一试 | 按钮 |
.btn-link |
使按钮看起来像链接 (获取按钮行为) | 试一试 | 按钮 |
.btn-lg |
大按钮 | 试一试 | 按钮 |
.btn-primary |
蓝色按钮。 | 试一试 | 按钮 |
.btn-sm |
小按钮 | 试一试 | 按钮 |
.btn-success |
绿色按钮。表示成功或积极的操作 | 试一试 | 按钮 |
.btn-warning |
黄色按钮。表示警告或负面操作 | 试一试 | 按钮 |
.btn-xs |
超小按钮 | 试一试 | 按钮 |
.caption |
在 .thumbnail 中添加说明文字 |
试一试 | 图片 |
.caret |
创建一个caret 箭头图标 ，表示按钮是下拉菜单 | 试一试 | 下拉菜单 |
.carousel |
创建一个轮播 (幻灯片) | 试一试 | 轮播 |
.carousel-caption |
为轮播中的每个幻灯片创建说明文字 | 试一试 | 轮播 |
.carousel-control |
下一个和上一个链接的容器 | 试一试 | 轮播 |
.carousel-indicators |
在每个幻灯片的底部添加小圆点/指示器 (指示轮播中有多少张幻灯片，以及用户当前正在查看哪张幻灯片) | 试一试 | 轮播 |
.carousel-inner |
幻灯片项目的容器 | 试一试 | 轮播 |
.center-block |
居中任何元素 (将元素设置为 display:block，并设置 margin-right:auto 和 margin-left:auto) |
试一试 | 辅助类 |
.checkbox |
复选框的容器 | 试一试 | 输入框 |
.checkbox-inline |
使多个复选框显示在同一行 | 试一试 | 输入框 |
.clearfix |
清除浮动 | 试一试 | 辅助类 |
.close |
表示一个关闭图标 | 试一试 | 辅助类 |
.col-*-* |
响应式网格 (跨越 1-12 列)。超小设备 手机 (< 768px)，小设备 平板电脑 (≥768px)，中等设备 桌面 (≥992px)，大设备 桌面 (≥1200px)。列值可以是 1-12。 | 试一试 | Grid |
.col-*-offset-* |
将列向右移动。这些类将列的左边距增加 * 列 | 试一试 | Grid |
.col-*-pull-* |
更改网格列的顺序 | 试一试 | Grid |
.col-*-push-* |
更改网格列的顺序 | 试一试 | Grid |
.collapse |
表示可折叠内容 - 可按需隐藏或显示 | 试一试 | 折叠 |
.collapse in |
默认显示可折叠内容 | 试一试 | 折叠 |
.container |
固定宽度容器，宽度由屏幕尺寸决定。左右边距相等。 | 试一试 | 容器 |
.container-fluid |
跨越屏幕全宽的容器 | 试一试 | 容器 |
.control-label |
允许标签用于表单验证 | 试一试 | 表单 |
.danger |
为表格行 (<tr>) 或表格单元格 (<td>) 添加红色背景。表示危险或潜在的负面操作 |
试一试 | 表格 |
.disabled |
禁用按钮 (添加不透明度并在悬停时显示“禁止停车”图标) | 试一试 | 按钮 |
.disabled |
禁用下拉菜单项 (添加灰色文本颜色并在悬停时显示“禁止停车”图标) | 试一试 | 下拉菜单 |
.disabled |
禁用分页链接 (无法点击 - 添加灰色文本颜色并在悬停时显示“禁止停车”图标) | 试一试 | 分页 |
.disabled |
禁用列表组中的列表项 (无法点击 - 添加灰色背景色并在悬停时显示“禁止停车”图标) | 试一试 | 列表组 |
.divider |
用于在下拉菜单中分隔链接，带有细的水平边框 | 试一试 | 下拉菜单 |
.dl-horizontal |
将 <dl> 元素中的术语 <dt> 和描述 <dd> 排列在一起。最初像默认的 <dl>，但当浏览器窗口扩展时，它们会并排排列 |
试一试 | 排版 |
.dropdown |
创建一个可切换的菜单，允许用户从预定义列表中选择一个值 | 试一试 | 下拉菜单 |
.dropdown-header |
用于在下拉菜单中添加标题 | 试一试 | 下拉菜单 |
.dropdown-menu |
添加下拉菜单容器的默认样式 | 试一试 | 下拉菜单 |
.dropdown-menu-right |
右对齐下拉菜单 | 试一试 | 下拉菜单 |
.dropdown-toggle |
用于应隐藏和显示 (切换) 下拉菜单的按钮 | 试一试 | 下拉菜单 |
.dropup |
表示一个向上弹出的菜单 (而不是向下) | 试一试 | 下拉菜单 |
.embed-responsive |
嵌入内容的容器。使视频或幻灯片在任何设备上都能正确缩放 | 试一试 | 图片 |
.embed-responsive-16by9 |
嵌入内容的容器。创建 16:9 宽高比的嵌入内容 | 试一试 | 图片 |
.embed-responsive-4by3 |
嵌入内容的容器。创建 4:3 宽高比的嵌入内容 | 试一试 | 图片 |
.embed-responsive-item |
用于 .embed-responsive 内部。将视频很好地缩放到父元素 |
试一试 | 图片 |
.fade |
关闭警告框时添加淡出效果 | 试一试 | 提醒框 |
.form-control |
用于 input、textarea 和 select 元素，使其跨越页面的整个宽度并保持响应性 | 试一试 | 表单 |
.form-control-feedback |
表单验证类 | 试一试 | 输入框 2 |
.form-control-static |
在水平表单中，在表单标签旁边添加纯文本 | 试一试 | 输入框 2 |
.form-group |
表单输入和标签的容器 | 试一试 | 表单 |
.form-inline |
使 <form> 左对齐，具有内联块控件（这仅适用于视口宽度至少为 768px 的表单） | 试一试 | 表单 |
.form-horizontal |
在水平布局中排列标签和表单控件组 | 试一试 | 表单 |
.glyphicon |
创建一个图标。Bootstrap 提供了来自 Glyphicons Halflings 集合的 260 个免费的 glyphicons | 试一试 | Glyphicons |
.has-danger |
为标签添加红色，为输入框添加红色边框，并在输入框内添加错误图标 (与 .has-feedback 一起使用) |
试一试 | 表单 |
.has-feedback |
为输入框添加反馈图标 (勾、警告和错误符号) | 试一试 | 表单 |
.has-success |
为标签添加绿色，为输入框添加绿色边框，并在输入框内添加勾图标 (与 .has-feedback 一起使用) |
试一试 | 表单 |
.has-warning |
为标签添加黄色/橙色，为输入框添加黄色/橙色边框，并在输入框内添加勾图标 (与 .has-feedback 一起使用) |
试一试 | 表单 |
.help-block |
一段帮助文本，会换行，并且可能超过一行。 | 试一试 | 输入框尺寸 |
.hidden |
强制隐藏元素 (display:none) |
试一试 | 辅助类 |
.hidden-* |
根据屏幕尺寸隐藏内容 | 试一试 | 辅助类 |
.hide |
已弃用。 使用 .hidden 代替 |
试一试 | 辅助类 |
.h1 - .h6 |
使元素看起来像指定类别的标题 (h1-h6) | 试一试 | 排版 |
.icon-bar |
在导航栏中使用，创建汉堡菜单 (三条水平线) | 试一试 | 导航栏 |
.icon-next |
Unicode 图标 (指向右箭头的图标)，用于轮播。这通常被 glyphicon 替换 | 试一试 | 轮播 |
.icon-prev |
Unicode 图标 (指向左箭头的图标)，用于轮播。这通常被 glyphicon 替换 | 试一试 | 轮播 |
.img-circle |
将图像塑造成圆形 (不支持 IE8 及更早版本) | 试一试 | 图片 |
.img-responsive |
使图像响应式 | 试一试 | 图片 |
.img-rounded |
为图像添加圆角 | 试一试 | 图片 |
.img-thumbnail |
将图像塑造成缩略图 (边框) | 试一试 | 图片 |
.in |
淡入选项卡 | 试一试 | 标签页 |
.info |
为表格行 (<tr>) 或表格单元格 (<td>) 添加浅蓝色背景。指示中性信息性更改或操作 |
试一试 | 表格 |
.initialism |
显示 <abbr> 元素中的文本，字体大小略小 |
试一试 | 排版 |
.input-group |
容器，通过在输入框前面或后面添加图标、文本或按钮作为“帮助文本”来增强输入框 | 试一试 | 输入框 |
.input-group-lg |
大型输入组 | 试一试 | 输入框 |
.input-group-sm |
小型输入组 | 试一试 | 输入框 |
.input-group-addon |
与 .input-group 类一起使用，使在输入字段旁边添加图标或帮助文本成为可能 |
试一试 | 输入框 |
.input-group-btn |
与 .input-group 类一起使用，将按钮附加到输入框旁边。通常用作搜索栏 |
试一试 | 输入框 |
.input-lg |
大型输入字段 | 试一试 | 输入框尺寸 |
.input-sm |
小型输入字段 | 试一试 | 输入框尺寸 |
.invisible |
使元素不可见 (visibility:hidden)。注意： 即使元素不可见，它仍会占用页面上的空间 |
试一试 | 辅助类 |
.item |
添加到每个轮播项目的类。可以是文本或图像 | 试一试 | 轮播 |
.jumbotron |
创建一个带填充的灰色框，带有圆角，并增大其中文本的字体大小。创建一个大框，以特别引起人们对某些特殊内容或信息的注意 | 试一试 | Jumbotron |
.label |
为元素添加灰色圆角框。提供有关某事的额外信息 (例如，“New”) | 试一试 | 标签 |
.label-danger |
红色标签 | 试一试 | 标签 |
.label-info |
浅蓝色标签 | 试一试 | 标签 |
.label-success |
绿色标签 | 试一试 | 标签 |
.label-warning |
黄色标签 | 试一试 | 标签 |
.lead |
增大段落的字体大小和行高 | 试一试 | 排版 |
.left |
用于标识左侧轮播控件 | 试一试 | 轮播 |
.list-group |
为 <li> 元素创建带边框的列表组 |
试一试 | 列表组 |
.list-group-item |
添加到列表组中的每个 <li> 元素 |
试一试 | 列表组 |
.list-group-item-heading |
创建列表组标题 (用于 <li> 以外的元素) |
试一试 | 列表组 |
.list-group-item-text |
用于列表组内的项目文本 (用于 <li> 以外的元素) |
试一试 | 列表组 |
.list-group-item-danger |
列表组中列表项的红色背景色 | 试一试 | 列表组 |
.list-group-item-info |
列表组中列表项的浅蓝色背景色 | 试一试 | 列表组 |
.list-group-item-success |
列表组中列表项的绿色背景色 | 试一试 | 列表组 |
.list-group-item-warning |
列表组中列表项的黄色背景色 | 试一试 | 列表组 |
.list-inline |
将所有列表项放在单行上 (水平菜单) | 试一试 | 标签页 |
.list-unstyled |
删除 <ul> 或 <ol> 列表的所有默认列表样式 (项目符号、左边距等) |
试一试 | 排版 |
.mark |
高亮文本：高亮文本 | 试一试 | 排版 |
.media |
排列媒体对象 (如图像或视频 - 通常用于博客文章中的评论等) | 试一试 | 媒体对象 |
.media-body |
应出现在媒体对象旁边的文本 | 试一试 | 媒体对象 |
.media-heading |
在媒体对象内创建标题 | 试一试 | 媒体对象 |
.media-list |
嵌套媒体列表 | 试一试 | 媒体对象 |
.media-object |
表示一个媒体对象 (图像或视频) | 试一试 | 媒体对象 |
.modal |
标识内容为模态框并将其焦点置于其上 | 试一试 | 模态框 |
.modal-body |
定义模态框正文的样式。在此处添加任何 HTML 标记 (p, img, 等) | 试一试 | 模态框 |
.modal-content |
设置模态框的样式 (边框、背景色等)。在此内部，如果需要，添加模态框的标题、正文和页脚 | 试一试 | 模态框 |
.modal-dialog |
设置模态框的正确宽度和边距 | 试一试 | 模态框 |
.modal-footer |
模态框的页脚 (通常包含一个操作按钮和一个关闭按钮) | 试一试 | 模态框 |
.modal-header |
模态框的标题 (通常包含一个标题和一个关闭按钮) | 试一试 | 模态框 |
.modal-lg |
大模态框 (比默认的宽) | 试一试 | 模态框 |
.modal-open |
在 <body> 元素上使用，以防止页面滚动 (overflow:hidden) |
试一试 | 模态框 |
.modal-sm |
小模态框 (宽度较小) | 试一试 | 模态框 |
.modal-title |
模态框的标题 | 试一试 | 模态框 |
.nav nav-tabs |
表示一个选项卡菜单 | 试一试 | 标签页 |
.nav nav-pills |
表示一个药丸菜单 | 试一试 | 标签页 |
.nav .navbar-nav |
用于包含导航栏中链接列表项的 <ul> 容器 |
试一试 | 导航栏 |
.nav-justified |
居中选项卡/药丸。请注意，在屏幕小于 768px 时，项目会堆叠 (内容将保持居中) | 试一试 | 标签页 |
.nav-stacked |
垂直堆叠选项卡或药丸 | 试一试 | 标签页 |
.nav-tabs |
创建一个选项卡菜单 | 试一试 | 标签页 |
.navbar |
创建导航栏 | 试一试 | 导航栏 |
.navbar-brand |
添加到导航栏内的链接或标题元素，用以表示 Logo 或标题 | 试一试 | 导航栏 |
.navbar-btn |
在导航栏内垂直对齐按钮 | 试一试 | 导航栏 |
.navbar-collapse |
折叠导航栏（在手机和小平板电脑上隐藏，并替换为菜单/汉堡图标） | 试一试 | 导航栏 |
.navbar-default |
创建一个默认导航栏 (浅灰色背景色) | 试一试 | 导航栏 |
.navbar-fixed-bottom |
使导航栏保持在屏幕底部 (固定/粘滞) | 试一试 | 导航栏 |
.navbar-fixed-top |
使导航栏保持在屏幕顶部 (固定/粘滞) | 试一试 | 导航栏 |
.navbar-form |
添加到导航栏内的表单元素，以在垂直方向上居中它们 (适当的填充) | 试一试 | 导航栏 |
.navbar-header |
添加到包含代表徽标或标题的链接/元素的容器元素 | 试一试 | 导航栏 |
.navbar-inverse |
创建一个黑色导航栏 (而不是浅灰色) | 试一试 | 导航栏 |
.navbar-left |
在导航栏中将导航链接、表单、按钮或文本左对齐 | 试一试 | 导航栏 |
.navbar-link |
样式化元素，使其在导航栏中看起来像链接 (锚点在悬停时具有适当的填充和下划线，而其他元素如 p 或 span 在悬停时有默认效果 - 在反转导航栏中为白色，在默认导航栏中为黑色) | 试一试 | 导航栏 |
.navbar-nav |
用于包含导航栏中链接列表项的 <ul> 容器 |
试一试 | 导航栏 |
.navbar-right |
在导航栏中将导航链接、表单、按钮或文本右对齐。 | 试一试 | 导航栏 |
.navbar-static-top |
移除导航栏的左、上和右边框 (圆角) (默认导航栏具有灰色边框和 4px 的 border-radius) | 试一试 | 导航栏 |
.navbar-text |
垂直对齐导航栏中的任何非链接元素 (确保适当的填充) | 试一试 | 导航栏 |
.navbar-toggle |
样式化在小屏幕上应打开导航栏的按钮。通常与三个 .icon-bar 类一起使用，以指示一个可切换菜单图标 (汉堡包/条形) |
试一试 | 导航栏 |
.next |
在轮播中用于标识下一个控件 | 试一试 | 轮播 |
.next |
用于将分页按钮对齐到页面右侧 (下一个按钮) | 试一试 | 分页 |
.page-header |
在标题下方添加一条水平线 (+ 在元素周围添加一些额外空间) | 试一试 | 页面标题 |
.pager |
创建上一页/下一页按钮 (用于 <ul> 元素) |
试一试 | 分页 |
.pagination |
创建分页 (当您有一个包含大量页面的网站时很有用。用于 <ul> 元素) |
试一试 | 分页 |
.pagination-lg |
大分页 (每个分页链接的字体大小为 18px。默认是 14px) | 试一试 | 分页 |
.pagination-sm |
小分页 (每个分页链接的字体大小为 12px。默认是 14px) | 试一试 | 分页 |
.panel |
创建一个带边框的框，其内容周围有填充 | 试一试 | 面板 |
.panel-body |
面板内内容的容器 | 试一试 | 面板 |
.panel-collapse |
可折叠面板 (在隐藏和显示面板之间切换) | 试一试 | 折叠 |
.panel-danger |
红色面板。表示危险 | 试一试 | 面板 |
.panel-info |
浅蓝色面板。表示信息 | 试一试 | 面板 |
.panel-success |
绿色面板。表示成功 | 试一试 | 面板 |
.panel-warning |
黄色面板。表示警告 | 试一试 | 面板 |
.panel-footer |
创建一个面板页脚 (浅背景色) | 试一试 | 面板 |
.panel-group |
用于将多个面板分组。这将删除每个面板下方的边距 | 试一试 | 面板 |
.panel-heading |
创建一个面板标题 (浅背景色) | 试一试 | 面板 |
.panel-title |
用于 .panel-heading 内部，以调整文本样式 (删除边距并设置字体大小为 16px) |
试一试 | 面板 |
.popover |
当用户单击元素时出现的弹出框 | 试一试 | Popover |
.pre-scrollable |
使 <pre> 元素可滚动 (max-height 为 350px 并提供 y 轴滚动条) |
试一试 | 辅助类 |
.prev |
在轮播中用于标识“上一个”链接 | 试一试 | 轮播 |
.previous |
用于将分页按钮对齐到页面左侧 (上一个按钮) | 试一试 | 分页 |
.progress |
进度条的容器 | 试一试 | 进度条 |
.progress-bar |
创建一个进度条 | 试一试 | 进度条 |
.progress-bar-danger |
红色进度条。表示危险 | 试一试 | 进度条 |
.progress-bar-info |
浅蓝色进度条。表示信息 | 试一试 | 进度条 |
.progress-bar-striped |
创建一个条纹进度条 | 试一试 | 进度条 |
.progress-bar-success |
绿色进度条。表示成功 | 试一试 | 进度条 |
.progress-bar-warning |
黄色进度条。表示警告 | 试一试 | 进度条 |
.pull-left |
将元素浮动到左侧 | 试一试 | 辅助类 |
.pull-right |
将元素浮动到右侧 | 试一试 | 辅助类 |
.right |
用于标识右侧轮播控件 | 试一试 | 轮播 |
.row |
响应式列的容器 | 试一试 | Grid |
.row-no-gutters |
移除行及其列之间的间隙 | 试一试 | Grid |
.show |
显示元素 (display:block) |
试一试 | 辅助类 |
.small |
在任何标题中创建较浅、次要的文本 | 试一试 | 排版 |
.sr-only |
隐藏除屏幕阅读器以外的所有设备上的文本 | 试一试 | 辅助类 |
.sr-only-focusable |
隐藏除屏幕阅读器以外的所有设备上的文本 | 试一试 | 辅助类 |
.success |
为表格行 (<tr>) 或表格单元格 (<td>) 添加绿色背景。表示成功或积极的操作 |
试一试 | 表格 |
.tab-content |
与 .tab-pane 一起使用，创建可切换/动态的选项卡/药丸 |
试一试 | 标签页 |
.tab-pane |
与 .tab-content 一起使用，创建可切换/动态的选项卡/药丸 |
试一试 | 标签页 |
.table |
为表格添加基本样式 (填充、底部边框等) | 试一试 | 表格 |
.table-bordered |
为表格和单元格的所有边添加边框 | 试一试 | 表格 |
.table-condensed |
通过将单元格填充减半，使表格更紧凑 | 试一试 | 表格 |
.table-hover |
创建可悬停的表格 (在表格行悬停时添加灰色背景色) | 试一试 | 表格 |
.table-responsive |
使表格响应式 (在需要时添加水平滚动条) | 试一试 | 表格 |
.text-capitalize |
表示大写文本 | 试一试 | 排版 |
.text-center |
居中文本 | 试一试 | 排版 |
.text-danger |
红色文本颜色。表示危险 | 试一试 | 排版 |
.text-hide |
隐藏文本 (有助于将元素的文本内容替换为背景图像) | 试一试 | 排版 |
.text-info |
浅蓝色文本颜色。表示信息 | 试一试 | 排版 |
.text-justify |
表示两端对齐文本 | 试一试 | 排版 |
.text-left |
文本左对齐 | 试一试 | 排版 |
.text-lowercase |
将文本转换为小写 | 试一试 | 排版 |
.text-muted |
灰色文本颜色 | 试一试 | 排版 |
.text-nowrap |
防止文本换行 | 试一试 | 排版 |
.text-primary |
蓝色文本颜色 | 试一试 | 排版 |
.text-right |
文本右对齐 | 试一试 | 排版 |
.text-success |
绿色文本颜色。表示成功 | 试一试 | 排版 |
.text-uppercase |
将文本转换为大写 | 试一试 | 排版 |
.text-warning |
黄色/橙色文本颜色。表示警告 | 试一试 | 排版 |
.thumbnail |
在元素 (通常是图像或视频) 周围添加边框，使其看起来像缩略图 | 试一试 | 图片 |
.tooltip |
当用户将鼠标指针悬停在元素上时出现的弹出框 | 试一试 | Tooltip |
.visible-* |
从 v3.2.0 开始弃用。 用于按设备显示和/或隐藏内容。注意： 使用 .hidden-* 代替 |
试一试 | 辅助类 |
.visible-print-block |
在打印 (预) 视图中显示元素 (display:block) |
辅助类 | |
.visible-print-inline |
在打印 (预) 视图中显示元素 (display:inline) |
辅助类 | |
.visible-print-inline-block |
在打印 (预) 视图中显示元素 (display:inline-block) |
辅助类 | |
.hidden-print |
在打印 (预) 视图中隐藏元素 (display:none) |
辅助类 | |
.warning |
为表格行 (<tr>) 或表格单元格 (<td>) 添加黄色背景。表示警告 |
试一试 | 表格 |
.well |
在元素周围添加圆角边框，带有灰色背景色和一些填充 | 试一试 | Wells |
.well-lg |
大 well (更多填充) | 试一试 | Wells |
.well-sm |
小 well (较少填充) | 试一试 | Wells |
上表显示了所有可用的 Bootstrap 3 类。
提示： 要查看所有Bootstrap 4 类的完整列表，请访问我们的 所有 Bootstrap 4 CSS 类参考。
