主题示例

这是一个模板，展示了 Bootstrap 中包含的可选主题样式表。使用它作为起点，通过构建或修改它来创建更独特的东西。

纽扣

表

# 名 姓 用户名
1 标记 奥托 @mdo
2 雅各布 桑顿 @胖的
3 拉里 鸟 @推特
# 名 姓 用户名
1 标记 奥托 @mdo
2 雅各布 桑顿 @胖的
3 拉里 鸟 @推特
# 名 姓 用户名
1 标记 奥托 @mdo
标记 奥托 @TwBootstrap
2 雅各布 桑顿 @胖的
3 拉里小鸟 @推特
# 名 姓 用户名
1 标记 奥托 @mdo
2 雅各布 桑顿 @胖的
3 拉里小鸟 @推特

缩略图

200x200

标签

默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险
默认 主要 成功 信息 警告 危险

默认 主要 成功 信息 警告 危险

徽章

收件箱42

下拉菜单

导航

导航栏

警报

进度条

60% 完成
40% 完成（成功）
20% 完成
60% 完成（警告）
80% 完成（危险）
60% 完成
35% 完成（成功）
20% 完成（警告）
10% 完成（危险）

列出组

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • 爱神前庭
Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac 爱神前庭

列出组项目标题

Donec id elit non mi porta gravida 在 eget metus。Maecenas sed diam eget risus varius blandit。

列出组项目标题

Donec id elit non mi porta gravida 在 eget metus。Maecenas sed diam eget risus varius blandit。

列出组项目标题

Donec id elit non mi porta gravida 在 eget metus。Maecenas sed diam eget risus varius blandit。

面板

面板标题

面板内容

面板标题

面板内容

面板标题

面板内容

面板标题

面板内容

面板标题

面板内容

面板标题

面板内容

威尔斯

Lorem ipsum dolor sit amet, consectetur adipiscing elit。Maecenas sed diam eget risus varius blandit sat amet non magna。Lorem ipsum dolor sit amet, consectetur adipiscing elit。Praesent commodo cursus magna、vel scelerisque nisl consectetur 等。Cras mattis consectetur purus 坐在 amet 发酵液中。Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit。Aenean lacinia bibendum nulla sed consectetur。

旋转木马