表格的使用

最近重新学习了一下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时，会出现水平滚动条