Bootstrap CSS 表格參考
<table> 類
使用以下類來樣式化任何表格:
類 | 描述 | 示例 |
---|---|---|
.table | 為任何 <table> 新增基本樣式(輕微填充和僅水平分隔線) | 試一試 |
.table-striped | 為 <tbody> 內的任何表格行新增斑馬條紋(IE8 不支援) | 試一試 |
.table-bordered | 在表格和單元格的所有邊上新增邊框 | 試一試 |
.table-hover | 啟用 <tbody> 內表格行的懸停狀態 | 試一試 |
.table-condensed | 透過將單元格填充減半使表格更緊湊 | 試一試 |
組合所有表格類 | 試一試 |
<tr>、<th> 和 <td> 類
使用以下類為表格行或單元格著色
類 | 描述 | 示例 |
---|---|---|
.active | 將懸停顏色(淺灰色)應用於特定行或單元格 | 試一試 |
.success | 表示成功或積極的操作 | 試一試 |
.info | 表示中性資訊性更改或操作 | 試一試 |
.warning | 表示可能需要注意的警告 | 試一試 |
.danger | 表示危險或潛在的負面操作 | 試一試 |
響應式表格
.table-responsive 類建立一個響應式表格。在小型裝置(768px 以下)上,表格將水平滾動。在寬度大於 768px 的裝置上檢視時,沒有區別