基本示例
<tabel class='table'>
...
</tabel>
條紋狀表格
依賴:nth-child選擇器CSS實(shí)現(xiàn)飒房,IE8不兼容
<tabel class='table tabel-striped'>
...
</tabel>
帶邊框的表格
<tabel class='table tabel-bordered'>
...
</tabel>
鼠標(biāo)懸停效果
<tabel class='table tabel-hover'>
...
</tabel>
緊縮表格:padding減半
<tabel class='table tabel-condensed'>
...
</tabel>
給行或單元格增加狀態(tài)類
<table class='table'>
<tr class='active'></tr>
<tr class='success'></tr>
<tr class='danger'></tr>
<tr class='warning'></tr>
<tr class='info'></tr>
</tabel>
響應(yīng)式表格:屏幕寬度小于768px時(shí)绣张,顯示水平滾動(dòng)條
<tabel class='tabel table-responsive'>
...
</table>