襄陽網站建設|Bootstrap 表格
Bootstrap 提供了一個清晰的創建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：
| 標簽 | 描述 |
|---|---|
| <table> | 為表格添加基礎樣式。 |
| <thead> | 表格標題行的容器元素（<tr>），用來標識表格列。 |
| <tbody> | 表格主體中的表格行的容器元素（<tr>）。 |
| <tr> | 一組出現在單行上的表格單元格的容器元素（<td> 或 <th>）。 |
| <td> | 默認的表格單元格。 |
| <th> | 特殊的表格單元格，用來標識列或行（取決于范圍和位置）。必須在 <thead> 內使用。 |
| <caption> | 關于表格存儲內容的描述或總結。 |
表格類
下表樣式可用于表格中：
| 類 | 描述 | 實例 |
|---|---|---|
| .table | 為任意 <table> 添加基本樣式 (只有橫向分隔線) | 嘗試一下 |
| .table-striped | 在 <tbody> 內添加斑馬線形式的條紋 ( IE8 不支持) | 嘗試一下 |
| .table-bordered | 為所有表格的單元格添加邊框 | 嘗試一下 |
| .table-hover | 在 <tbody> 內的任一行啟用鼠標懸停狀態 | 嘗試一下 |
| .table-condensed | 讓表格更加緊湊 | 嘗試一下 |
| 聯合使用所有表格類 | 嘗試一下 | |
<tr>, <th> 和 <td> 類
下表的類可用于表格的行或者單元格：
| 類 | 描述 | 實例 |
|---|---|---|
| .active | 將懸停的顏色應用在行或者單元格上 | 嘗試一下 |
| .success | 表示成功的操作 | 嘗試一下 |
| .info | 表示信息變化的操作 | 嘗試一下 |
| .warning | 表示一個警告的操作 | 嘗試一下 |
| .danger | 表示一個危險的操作 | 嘗試一下 |
關鍵詞: 襄陽網站建設 Bootstrap表格
鄂公網安備42060002000147