| .th-red |
|---|
| .th-orange |
| .th-yellow |
| .th-green |
| .th-blue |
| .th-violet |
| 項目 | class | 預覽 |
|---|---|---|
| 表格底色 | .bg-red | |
| .bg-orange | ||
| .bg-yellow | ||
| .bg-green | ||
| .bg-blue | ||
| .bg-violet | ||
| 對齊方式 | 預設 |
預設狀態：水平置左，垂直置上 |
| .x-center |
預設狀態：水平置中 |
|
| .y-center |
預設狀態：垂直置中 |
|
| .xy-center |
預設狀態：水平置中，垂直置中 |
| 項目 | 預覽 |
|---|---|
| input (width:100%) | |
| input (width:auto) | |
| 單選 |
|
| 單選 + input |
|
| 多選 |
|
| 多選 + input |
|
| 下拉選單 (width:100%) | |
| 下拉選單 (width:auto) |
| 項目 | class | 預覽 |
|---|---|---|
| size | .btn-sm | |
| .btn-normal | ||
| .btn-lg | ||
| color full | .btn-lightblue | |
| .btn-blue | ||
| .btn-yellow | ||
| .btn-green | ||
| .btn-red | ||
| .btn-cancel | ||
| color outlined | .btn-lightblue-outlined | |
| .btn-blue-outlined | ||
| .btn-yellow-outlined | ||
| .btn-green-outlined | ||
| .btn-red-outlined | ||
| .btn-cancel-outlined |
| 項目 | class | 預覽 |
|---|---|---|
| 字體粗細 | 預設 | 字體粗細 normal |
| .fw-bold | 字體粗細 bold | |
| 字體大小 | .fs-sm | 字體大小 12px |
| .fs-14 | 字體大小 14px | |
| .fs-20 | 字體大小 20px | |
| .fs-24 | 字體大小 24px | |
| 標題 | <h1> |
h1 |
| <h2> |
h2 |
|
| <h3> |
h3 |
|
| <h4> |
h4 |
|
| <h5> |
h5 |
|
| <h6> |
h6 |
|
| 字體顏色 | .fc-blue | 字體顏色 fc-blue |
| .fc-darkblue | 字體顏色 fc-darkblue | |
| .fc-red | 字體顏色 fc-red | |
| .fc-darkred | 字體顏色 fc-darkred | |
| .fc-green | 字體顏色 fc-green |