Bootstrap基本表
一个基本的Bootstrap表中有一个光填充，只有水平分隔线。
的.table类增加了基本的造型到表：
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
条纹行
的.table-striped类增加斑马条纹表：
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
边框的表格
的.table-bordered类添加在桌子上，细胞各方边界：
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
哈弗行
的.table-hover类可以在表行一个悬停状态：
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
简明表
的.table-condensed类来生成表由切削单元格边距一半更紧凑：
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
上下文类
上下文类可用于颜色表行（ <tr>或表格单元格（ <td>
例
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
可以使用的上下文类是：
| 类 | 描述 |
|---|---|
.active | 适用悬停颜色的表格行或表格单元格 |
.success | 表示成功或积极行动 |
.info | 表示中性信息变更或执行 |
.warning | 表示可能需要注意的警告 |
.danger | 表明存在危险或潜在的负面作用 |
响应表
的.table-responsive类创建一个响应表。 然后，该表将横向滚动在小型设备上（下768px）。 当任何超过768px宽的大观景，是没有区别的：
自测练习用！
完整的Bootstrap Table Reference Bootstrap Table Reference
对于所有的表类的完整参考，请访问我们完整的Bootstrap表参考 。