主題示例

這是一個模板，展示了 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。

旋轉木馬