基本示例

<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>