示例 1 : 基本表格
示例 2 : 帶斑馬線的表格
示例 3 : 帶邊框的表格
示例 4 : 有鼠標懸停狀態的表格
示例 5 : 更加緊湊的表格
示例 6 : 多種表格效果整合在一起
示例 7 : 激活樣式
示例 8 : 成功樣式
示例 9 : 信息樣式
示例 10 : 警告樣式
示例 11 : 危險樣式
<table class="table">
<thead>
<th>頭像</th>
<th>名字</th>
<th>HP</th>
</thead>
<tbody>
<tr>
<td><img width="20px" src="www.shiguangbiaoye.com/study/bootstrap/lol/gareen.png"/></td>
<td>蓋倫</td>
<td>616</td>
</tr>
<tr>
<td><img width="20px" src="www.shiguangbiaoye.com/study/bootstrap/lol/teemo.png"/></td>
<td>提莫</td>
<td>383</td>
</tr>
<tr>
<td><img width="20px" src="www.shiguangbiaoye.com/study/bootstrap/lol/akali.png"/></td>
<td>阿卡麗</td>
<td>448</td>
</tr>
</tbody>
</table>