Bootstrap CSS 表格参考
<table> 类
使用以下类来样式化任何表格:
类 | 描述 | 示例 |
---|---|---|
.table | 为任何 <table> 添加基本样式(轻微填充和仅水平分隔线) | 试一试 |
.table-striped | 为 <tbody> 内的任何表格行添加斑马条纹(IE8 不支持) | 试一试 |
.table-bordered | 在表格和单元格的所有边上添加边框 | 试一试 |
.table-hover | 启用 <tbody> 内表格行的悬停状态 | 试一试 |
.table-condensed | 通过将单元格填充减半使表格更紧凑 | 试一试 |
组合所有表格类 | 试一试 |
<tr>、<th> 和 <td> 类
使用以下类为表格行或单元格着色
类 | 描述 | 示例 |
---|---|---|
.active | 将悬停颜色(浅灰色)应用于特定行或单元格 | 试一试 |
.success | 表示成功或积极的操作 | 试一试 |
.info | 表示中性信息性更改或操作 | 试一试 |
.warning | 表示可能需要注意的警告 | 试一试 |
.danger | 表示危险或潜在的负面操作 | 试一试 |
响应式表格
.table-responsive 类创建一个响应式表格。在小型设备(768px 以下)上,表格将水平滚动。在宽度大于 768px 的设备上查看时,没有区别