Bootstrap 速查表

RTL 速查表

目录

排版

文档

显示 1

显示 2

显示 3

显示 4

显示 5

显示 6

标题 1

标题 2

标题 3

标题 4

标题 5

标题 6

这是一个导语段落。它与普通段落不同。

你可以使用 mark 标签来 强调 文本。

这行文字被视为已删除的文本。

这行文字应被视为不再准确。

这行文字旨在被视为对文档的补充。

这一行文字将显示为下划线。

这行文字应被视为小字部分。

这一行显示为加粗文本。

这一行显示为斜体文本。


引用块中的一句名言。

某位名人,出自 来源标题
  • 这是一个列表。
  • 它看起来完全没有样式。
  • 从结构上看,它仍然是一个列表。
  • 然而,这种样式只适用于直接子元素。
  • 嵌套列表:
    • 不受这种风格影响
    • 仍然会显示一个项目符号
    • 并具有适当的左边距
  • 在某些情况下,这仍然可能派上用场。
  • 这是一个列表项。
  • 还有一个。
  • 但是它们是内联显示的。

图像

文档
占位图响应式图片
带有白色边框的通用方形占位图片,看起来像用老式拍立得相机拍摄的照片200x200

桌子

文档
# 第一 最后 把手
1 Mark 奥托 @mdo
2 雅各 桑顿 @fat
3 约翰 杜 @social
# 第一 最后 把手
1 Mark 奥托 @mdo
2 雅各 桑顿 @fat
3 约翰 杜 @social
类 标题 标题
默认 单元格 单元格
主要 单元格 单元格
次要 单元格 单元格
成功 单元格 单元格
危险 单元格 单元格
警告 单元格 单元格
信息 单元格 单元格
浅色 单元格 单元格
深色 单元格 单元格
# 第一 最后 把手
1 Mark 奥托 @mdo
2 雅各 桑顿 @fat
3 约翰 杜 @social

数字

文档
占位图400x300
上图的说明文字。

表格

概览

文档
我们绝不会将你的电子邮件与其他人共享。
单选按钮

禁用的表单

文档
禁用的单选按钮

尺寸

文档

输入组

文档
@
@example.com
https://example.com/users/
$ .00
带有文本区域

浮动标签

文档

验证

文档
看起来不错!
看起来不错!
@
请选择一个用户名。
请提供一个有效的城市。
请选择一个有效的州。
请提供有效的邮政编码。
你必须同意才能提交。

组件

折叠面板

文档

这是第一个项目的折叠面板主体。 默认情况下它是隐藏的,直到折叠插件添加我们用于样式化每个元素的适当类。这些类控制整体外观,以及通过 CSS 过渡显示和隐藏。你可以使用自定义 CSS 或覆盖我们的默认变量来修改这些内容。还值得注意的是,几乎任何 HTML 都可以放在其中。 .accordion-body,尽管这种过渡确实限制了溢出。

这是第二个项目的折叠面板主体。 默认情况下它是隐藏的,直到折叠插件添加我们用于样式化每个元素的适当类。这些类控制整体外观,以及通过 CSS 过渡显示和隐藏。你可以使用自定义 CSS 或覆盖我们的默认变量来修改这些内容。还值得注意的是,几乎任何 HTML 都可以放在其中。 .accordion-body,尽管这种过渡确实限制了溢出。

这是第三个项目的折叠面板主体。 默认情况下它是隐藏的,直到折叠插件添加我们用于样式化每个元素的适当类。这些类控制整体外观,以及通过 CSS 过渡显示和隐藏。你可以使用自定义 CSS 或覆盖我们的默认变量来修改这些内容。还值得注意的是,几乎任何 HTML 都可以放在其中。 .accordion-body,尽管这种过渡确实限制了溢出。

提醒

文档

徽章

文档

示例标题 新

示例标题 新

示例标题 新

示例标题 新

示例标题 新

示例标题 新

示例标题 新

示例标题 新

主要 次要 成功 危险 警告 信息 浅色 深色

按钮

文档

按钮组

文档

卡片

文档
占位图图片说明
卡片标题

一些快速的示例文本,用于扩展卡片标题并构成卡片内容的大部分。

去某个地方
精选
卡片标题

一些快速的示例文本,用于扩展卡片标题并构成卡片内容的大部分。

去某个地方
卡片标题

一些快速的示例文本,用于扩展卡片标题并构成卡片内容的大部分。

  • 一件物品
  • 第二项
  • 第三项
占位图图片
卡片标题

这是一张更宽的卡片,下面有辅助文本,自然引出更多内容。这部分内容稍微长一点。

最后更新于 3 分钟前

烤泡芙

文档

进度

文档
0%
25%
50%
75%
100%

滚动监听

文档

第一标题

这是滚动监视页面的一些占位内容。请注意,当你向下滚动页面时,适当的导航链接会被突出显示。这在整个组件示例中多次重复。我们继续在这里添加一些示例内容,以强调滚动和高亮显示。

第二个标题

这是滚动监视页面的一些占位内容。请注意,当你向下滚动页面时,适当的导航链接会被突出显示。这在整个组件示例中多次重复。我们继续在这里添加一些示例内容,以强调滚动和高亮显示。

第三个标题

这是滚动监视页面的一些占位内容。请注意,当你向下滚动页面时,适当的导航链接会被突出显示。这在整个组件示例中多次重复。我们继续在这里添加一些示例内容,以强调滚动和高亮显示。

第四标题

这是滚动监视页面的一些占位内容。请注意,当你向下滚动页面时,适当的导航链接会被突出显示。这在整个组件示例中多次重复。我们继续在这里添加一些示例内容,以强调滚动和高亮显示。

第五标题

这是滚动监视页面的一些占位内容。请注意,当你向下滚动页面时,适当的导航链接会被突出显示。这在整个组件示例中多次重复。我们继续在这里添加一些示例内容,以强调滚动和高亮显示。

旋转器

文档
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…
加载中…

消息提示

文档

工具提示

文档