Bootstrap CSS 表格参考
本章节注意讲解 CSS 表格 table 方面的样式，以及实例代码展示。
<table> 样式
使用下面的类来设置表格的样式:
| 样式 | 描述 | 实例 |
|---|---|---|
| .table | 对表格添加基本样式（轻微填充与水平分割） | 试一试 |
| .table-striped | 将斑马条纹添加到 <tbody> 中的表格行（IE8 中不支持） | 试一试 |
| .table-bordered | 在表格和单元格的所有边上添加边框 | 试一试 |
| .table-hover | 保证在表格行上的鼠标悬停 | 试一试 |
| .table-condensed | 将表格单元格的填充部分减半来让表格更紧凑 | 试一试 |
| 将所有样式合并起来 | 试一试 | |
<tr>, <th> 和 <td> 样式
使用下面的类为表格行或单元格添加颜色:
| 样式 | 描述 | 实例 |
|---|---|---|
| .active | 将悬停颜色（浅灰色）应用于特定行或单元格 | 试一试 |
| .success | 表示一个成功或者积极的操作 | 试一试 |
| .info | 表示中性的信息性更改或操作 | 试一试 |
| .warning | 表示可能需要注意的警告 | 试一试 |
| .danger | 表示危险或潜在的负面行为 | 试一试 |
响应式表格
.table-responsive 类创建一个响应式的表格。然后，表格将在小型设备上水平滚动（768px 以下）。当在任何大于 768px 宽的设备上观察时是没有区别的:
实例
<div class="table-responsive"><table class="table">...</table></div>