Bootstrap4排版類
| 類名 | 描述 |
|---|---|
| .font-weight-bold | 加粗文本 |
| .font-weight-normal | 普通文本 |
| .font-weight-light | 更細的文本 |
| .font-italic | 斜體文本 |
| .lead | 讓段落更突出 |
| .small | 指定更小文本 (為父元素的 85% ) |
| .text-left | 左對齊 |
| .text-center | 居中 |
| .text-right | 右對齊 |
| .text-justify | 設定文本對齊,段落中超出屏幕部分文字自動換行 |
| .text-nowrap | 段落中超出屏幕部分不換行 |
| .text-lowercase | 設定文本小寫 |
| .text-uppercase | 設定文本大寫 |
| .text-capitalize | 設定單詞首字母大寫 |
| .initialism | 顯示在 <abbr> 元素中的文本以小號字體展示，且可以將小寫字母轉換為大寫字母 |
| .list-unstyled | 移除默認的列表樣式，列表項中左對齊 ( <ul> 和 <ol> 中)。這個類僅適用於直接子列表項 (如果需要移除嵌套的列表項， 你需要在嵌套的列表中使用該樣式) |
| .list-inline | 將所有列表項放置同一行 |
| .pre-scrollable | 使 <pre> 元素可滾動，代碼塊區域最大高度為340px,一旦超出這個高度,就會在Y軸出現滾動條 |
Bootstrap表格顏色類
| 類名 | 描述 |
|---|---|
| .table-primary | 藍色: 指定這是一個重要的操作 |
| .table-success | 綠色: 指定這是一個允許執行的操作 |
| .table-danger | 紅色: 指定這是可以危險的操作 |
| .table-info | 淺藍色: 表示內容已變更 |
| .table-warning | 橘色: 表示需要注意的操作 |
| .table-active | 灰色: 用於鼠標懸停效果 |
| .table-secondary | 灰色: 表示內容不怎么重要 |
| .table-light | 淺灰色，可以是表格行的背景 |
| .table-dark | 深灰色，可以是表格行的背景 |
設定在指定屏幕寬度下顯示滾動條
| 類名 | 屏幕寬度 |
|---|---|
| .table-responsive-sm | < 576px |
| .table-responsive-md | < 768px |
| .table-responsive-lg | < 992px |
| .table-responsive-xl | < 1200px |