通用用户界面

更详细的文档，请访问 Bootstrap 组件
手风琴

这是第一个内容。 它是默认是显示的， 直到折叠插件添加了相应的类， 才会使用这些类来样式化每个元素。 这些类可以控制外观， 并通过 CSS 过渡效果来控制显示和隐藏。 你可以使用自定义 CSS 或覆盖默认变量来修改这些内容。 值得注意的是， 几乎所有的 HTML 都可以放在 .accordion-body 中， 留意，过渡效果会限制溢出。

这是第二个内容。 它是默认是隐藏的， 直到折叠插件添加了相应的类， 才会使用这些类来样式化每个元素。 这些类可以控制外观， 并通过 CSS 过渡效果来控制显示和隐藏。 你可以使用自定义 CSS 或覆盖默认变量来修改这些内容。 值得注意的是， 几乎所有的 HTML 都可以放在 .accordion-body 中， 留意，过渡效果会限制溢出。

这是第三个内容。 它是默认是隐藏的， 直到折叠插件添加了相应的类， 才会使用这些类来样式化每个元素。 这些类可以控制外观， 并通过 CSS 过渡效果来控制显示和隐藏。 你可以使用自定义 CSS 或覆盖默认变量来修改这些内容。 值得注意的是， 几乎所有的 HTML 都可以放在 .accordion-body 中， 留意，过渡效果会限制溢出。
提醒
角标

标题示例 新

标题示例 新

标题示例 新

标题示例 新

标题示例 新
标题示例 新
主要 次要 成功 危险 警告 信息 高亮 暗黑
主要 次要 成功 危险 警告 信息 高亮 暗黑
按钮
按钮组
可折叠

折叠组件的一些占位符内容。 该面板默认情况下是隐藏的， 但当用户激活相关触发器时会显示出来。
下拉
列表组
当前链接 第二个 第三个 第四个 禁用链接
导航栏
分页
占位符
进度
Toast 提示
工具提示

占位符文本，用于演示带有工具提示的链接，它只为了填充内容，无任何意义。 放这里是为了模拟真实内容是为了让 你了解在实际使用 中的效果。以及这些工具提示 是如何工作的，以便在你的 网站和项目中使用。

旋转