前端学习笔记：bootstrap(7)

前端学习笔记：bootstrap(7)

 

4. 表格
(1)与表格有关的类样式
表格的样式  类名
基本实例  table
条纹状表格  table-striped类可以给<tbody>之内的每一行增加斑马条纹样式。
带边框的表格  table-bordered类为表格和其中的每个单元格增加边框。
鼠标悬停  table-hover类可以让<tbody>中的每一行对鼠标悬停状态作出相应。

(2)表格中的状态类
即单独对某个td或tr设置不同的颜色，通过这些状态类可以为行或单元格设置颜色。
Class  描述
.active  鼠标悬停在行或单元格上时所设置的颜色。
.success  标识成功或积极的动作。
.info  标识普通的提示信息或动作。
.warning  标识警告或需要用户注意。
.danger  标识危险或潜在的带来负面影响的动作。

(3)状态类的效果
<!‐‐ 针对行 ‐‐>
<tr class="active">...</tr>
<tr class="success">...</tr>
<tr class="warning">...</tr>
<tr class="danger">...</tr>
<tr class="info">...</tr>
<!‐‐ 针对列 (`td` 或 `th`) ‐‐>
<tr>
<td class="active">...</td>
<td class=&#