大家對表格并不太陌生，但對于Bootstrap中的表格如何使用，或許還有點陌生，接下來的內容，將根據(jù)不同的表格類型向大家介紹Bootstrap表格的實際使用方法。
對表格的結構，跟我們平時使用表格是一樣的：

<table>
<thead>
<tr>
<th>表格標題</th>
…
</tr>
</thead>
<tbody>
<tr>
<td>表格單元格</td>
…
</tr>
     …
</tbody>
</table>

如無特別聲明，下面介紹表格類型的時候，結構都是類似上面的代碼。
基礎表格
在Bootstrap中，對于基礎表格是通過類名“.table”來控制。如果在<table>元素中不添加任何類名，表格是無任何樣式效果的。想得到基礎表格，我們只需要在<table>元素上添加“.table”類名，就可以得到Bootstrap的基礎表格：

<table class="table">
…
</table>

Bootstrap的基礎表格，大致長得像下圖所示的樣子：

主要源碼查看bootstrap.css文件第1402行～第1441行，由于代碼太長，此處不一一列舉。

“.table”主要有三個作用：

  ?  給表格設置了margin-bottom:20px以及設置單元內距

  ?  在thead底部設置了一個2px的淺灰實線

  ?  每個單元格頂部設置了一個1px的淺灰實線