Bootstrap 表格

Bootstrap 基本表格

Bootstrap 基本表格具有輕微的內邊距和只有水平分隔線。

.table 類為表格新增基本樣式

斑馬條紋行

.table-striped 類為表格新增斑馬條紋

帶邊框的表格

.table-bordered 類為表格和單元格的所有邊新增邊框

懸停行

.table-hover 類在表格行上新增懸停效果（灰色背景色）

緊湊型表格

.table-condensed 類透過將單元格內邊距減半來使表格更緊湊

Contextual Classes

上下文類可用於為表格行（<tr>）或表格單元格（<td>）著色

可以使用的上下文類是

響應式表格

.table-responsive 類建立響應式表格。該表格將在小裝置（768px 以下）上水平滾動。當在寬度大於 768px 的裝置上檢視時，沒有區別

<table >
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>john@example.com</td>
  <tr>
  <tr>
    <td>Mary</td>
    <td>Moe</td>
    <td>mary@example.com</td>
  </tr>
  <tr>
    <td>July</td>
    <td>Dooley</td>
    <td>july@example.com</td>
  </tr>
<table>

完整的 Bootstrap 表格參考

有關所有表格類的完整參考，請參閱我們的完整 Bootstrap 表格參考。