Bootstrap 备忘单

RTL 备忘单

目录

排版

文档

一级显示

二级显示

三级显示

四级显示

五级显示

六级显示

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

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

你可以使用标记标签来 突出 文本。

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

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

这行文本应被视为对文档的补充。

这行文本将呈现为下划线。

这行文本应被视为小字。

这行文本呈现为粗体。

这行文本呈现为斜体。

一句名言，包含在引用元素中。

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

图片

文档
Placeholder - Bootstrap 框架Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera - Bootstrap 框架200x200

表格

文档
# 第一个 最后一个 句柄
1 马克 奥托 @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# 第一个 最后一个 句柄
1 马克 奥托 @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
类 标题 标题
默认 单元格 单元格
主要 单元格 单元格
次要 单元格 单元格
成功 单元格 单元格
危险 单元格 单元格
警告 单元格 单元格
信息 单元格 单元格
浅色 单元格 单元格
深色 单元格 单元格
# 第一个 最后一个 句柄
1 马克 奥托 @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

图表

文档
Placeholder - Bootstrap 框架400x300
上述图片的标题。

表单

概述

文档
我们绝不会与他人分享您的电子邮件。
单选按钮

禁用表单

文档
禁用的单选按钮

尺寸

文档

输入组

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

浮动标签

文档

验证

文档
看起来不错！
看起来不错！
@
请选择一个用户名。
请输入一个有效的城市。
请选择一个有效的州。
请输入一个有效的邮政编码。
提交之前必须同意。

组件

手风琴

文档

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

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

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

提醒

文档

徽章

文档

示例标题 新

示例标题 新

示例标题 新

示例标题 新

示例标题 新

示例标题 新

示例标题 新

示例标题 新

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

按钮

文档

按钮组

文档

卡片

文档
Placeholder - Bootstrap 框架Image cap
卡片标题

一些快速示例文本，以构建卡片标题并构成卡片内容的主体。

去某处
特色
卡片标题

一些快速示例文本，以构建卡片标题并构成卡片内容的主体。

去某处
2 天前
卡片标题

一些快速示例文本，以构建卡片标题并构成卡片内容的主体。

  • 一个项目
  • 第二个项目
  • 第三个项目
卡片链接 另一个链接
Placeholder - Bootstrap 框架Image
卡片标题

这是一张较宽的卡片，下方带有支持文本，作为附加内容的自然引子。此内容稍长一些。

上次更新于 3 分钟前

弹出框

文档

进度条

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

滚动间谍

文档

第一个标题

这是滚动间谍页面的占位内容。请注意，当您向下滚动页面时，会突出显示相应的导航链接。它在组件示例中重复出现。我们不断在此处添加更多示例副本，以强调滚动和突出显示。

二级标题

这是滚动间谍页面的占位内容。请注意，当您向下滚动页面时，会突出显示相应的导航链接。它在组件示例中重复出现。我们不断在此处添加更多示例副本，以强调滚动和突出显示。

三级标题

这是滚动间谍页面的占位内容。请注意，当您向下滚动页面时，会突出显示相应的导航链接。它在组件示例中重复出现。我们不断在此处添加更多示例副本，以强调滚动和突出显示。

四级标题

这是滚动间谍页面的占位内容。请注意，当您向下滚动页面时，会突出显示相应的导航链接。它在组件示例中重复出现。我们不断在此处添加更多示例副本，以强调滚动和突出显示。

五级标题

这是滚动间谍页面的占位内容。请注意，当您向下滚动页面时，会突出显示相应的导航链接。它在组件示例中重复出现。我们不断在此处添加更多示例副本，以强调滚动和突出显示。

加载动画

文档

吐司

文档

工具提示

文档