Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素: 标签 | 描述 | <table> | 为表格添加基础样式。 | <thead> | 表格标题行的容器元素(<tr>),用来标识表格列。 | <tbody> | 表格主体中的表格行的容器元素(<tr>)。 | <tr> | 一组出现在单行上的表格单元格的容器元素(<td> 或 <th>)。 | <td> | 默认的表格单元格。 | <th> | 特殊的表格单元格,用来标识列或行(取决于范围和位置)。必须在 <thead> 内使用。 | <caption> | 关于表格存储内容的描述或总结。 |
表格类下表样式可用于表格中: 类 | 描述 | 实例 | .table | 为任意 <table> 添加基本样式 (只有横向分隔线) | | .table-striped | 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持) | | .table-bordered | 为所有表格的单元格添加边框 | | .table-hover | 在 <tbody> 内的任一行启用鼠标悬停状态 | | .table-condensed | 让表格更加紧凑 | | 联合使用所有表格类 | | <tr>, <th> 和 <td> 类下表的类可用于表格的行或者单元格: 类 | 描述 | 实例 | .active | 将悬停的颜色应用在行或者单元格上 | | .success | 表示成功的操作 | | .info | 表示信息变化的操作 | | .warning | 表示一个警告的操作 | | .danger | 表示一个危险的操作 |
| 上下文类下表中所列出的上下文类允许您改变表格行或单个单元格的背景颜色。 类 | 描述 | .active | 对某一特定的行或单元格应用悬停颜色 | .success | 表示一个成功的或积极的动作 | .warning | 表示一个需要注意的警告 | .danger | 表示一个危险的或潜在的负面动作 |
|