資訊搭配 progress-bar-info class.
成功搭配 progress-bar-success class.
警告搭配 progress-bar-warning class.
危險搭配 progress-bar-danger class.
反向搭配 progress-bar-inverse class.
反向搭配 progress-bar-inverse class.
新增修飾類別來改變徽章的外觀。
| 樣式類別 | 徽章 |
|---|---|
| 無修飾 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
基本樣式:輕內邊距且僅水平線,請將基礎類別 .table 套用至任何 <table>.
| # | 名字 | 姓氏 | 帳號 |
|---|---|---|---|
| 1 | 小陳 | 阿豪 | @jjb_official |
| 2 | 建宏 | 家豪 | @jjb_fun |
| 3 | 志明 | 小鳥 | @jjb_tw |
將以下任何類別新增至 .table 基礎類別。
透過以下方式為表格列添加斑馬紋: <tbody> via the :nth-child CSS 選擇器(IE7-8 不支援)。
| # | 名字 | 姓氏 | 帳號 |
|---|---|---|---|
| 1 | 阿杰 | 小宇 | @jjb_support |
| 2 | 佩珊 | 雅婷 | @jjb_live |
| 3 | 美玲 | 小鳥 | @jjb_cn |
為表格添加邊框和圓角。
| # | 名字 | 姓氏 | 帳號 |
|---|---|---|---|
| 1 | 小敏 | 明輝 | @jjb_news |
| 大偉 | 雅文 | @jjb_bootstrap | |
| 2 | 冠宇 | 宗翰 | @jjb_tech |
| 3 | 志明與小鳥 | @jjb_app | |
在表格行上啟用懸停效果: <tbody>.
| # | 名字 | 姓氏 | 帳號 |
|---|---|---|---|
| 1 | 婷婷 | 志強 | @jjb_esports |
| 2 | 怡君 | 淑芬 | @jjb_team |
| 3 | 志明與小鳥 | @jjb_2026 | |