Bootstrap还为表格的行元素tr提供了五种不同的类名(对应的源码,请查看bootstrap.css文件中第1484行~第1583行),每种类名控制了行的不同背景颜色,具体说明如下表所示:
其使用非常的简单,只需要在元素中添加上表对应的类名,就能达到效果:
<tr><td>…</td></tr>
注意:
1.要实现悬浮状态,需要在<table>标签上加入table-hover类。
2.除了”.active”之外,其他四个类名和”.table-hover”配合使用时,Bootstrap针对这几种样式也做了相应的悬浮状态的样式设置,所以如果需要给tr元素添加其他颜色样式时,在”.table-hover”表格中也要做相应的调整。
如果大家还想深入学习,可以点击这里进行学习,再为大家附两个精彩的专题:Bootstrap学习教程 Bootstrap实战教程
系列文章:
第一次接触神奇的Bootstrap网格系统https://www.jb51.net/article/89333.htm
第一次接触神奇的Bootstrap表单https://www.jb51.net/article/89330.htm