table实例
bootstrap对talbe类做了非常小的定义，css代码如下
.table {
border-collapse: collapse;
border-spacing: 0;
}
这里的collapse意思是 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
表格的其他实例
条纹状表格stripe:条纹的意思
| # |
1 |
2 |
3 |
4 |
| .. |
one |
two |
three |
four |
| .. |
a |
b |
c |
d |
| .. |
! |
@ |
# |
$ |
带边框的表格
class="table table-bordered"
| # |
1 |
2 |
3 |
4 |
| .. |
one |
two |
three |
four |
| .. |
a |
b |
c |
d |
| .. |
! |
@ |
# |
$ |
鼠标悬浮做出颜色变化的表格
class="table table-hover
| cve_id |
问题单 |
修复情况 |
发现时间 |
| CVE-2013-2313 |
DTS2017060112345 |
未修复 |
2017/06/01 |
| CVE-2013-2313 |
DTS2017060112345 |
未修复 |
2017/06/01 |
| CVE-2013-2313 |
DTS2017060112345 |
未修复 |
2017/06/01 |
额外的一些标识
active success info warning danger
| Class |
描述 |
.active
|
鼠标悬停在行或单元格上时所设置的颜色 |
.success
|
标识成功或积极的动作 |
.info
|
标识普通的提示信息或动作 |
.warning
|
标识警告或需要用户注意 |
.danger
|
标识危险或潜在的带来负面影响的动作 |