最近重新学习了一下bootstrap,顺便整理一些常用的属性,用法
<table class="table">
...
</table>
表格的基本属性,设置了宽度和td设置了内编辑
<table class="table table-striped">
...
</table>
条纹表格(ie8不支持)
<table class="table table-bordered">
...
</table>
设置每个单元格边框
<table class="table table-hover">
...
</table>
悬停时tr有不同的样式
<table class="table table-condensed">
...
</table>
缩进表格,减少padding的值
.active 鼠标悬停在行或单元格上时所设置的颜色
.success 标识成功或积极的动作
.info 标识普通的提示信息或动作
.warning 标识警告或需要用户注意
.danger 标识危险或潜在的带来负面影响的动作
可以设置在tr或者td上
<div class="table-responsive">
<table class="table">
...
</table>
</div>
响应式表格,注意 table外面必须有一层包裹,内容table的内容足够多时,当屏幕大小小于768时,会出现水平滚动条