使用Bootstrap将悬停颜色应用于特定的表行或单元格
若要使用Bootstrap将悬停颜色应用于特定的表行或单元格,请使用.active类。您可以尝试运行以下代码来实现.active类-
示例
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Table</title>
<link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
<script src = "/scripts/jquery.min.js"></script>
<script src = "/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class = "table-responsive">
<table class = "table">
<thead>
<tr>
<th>Subject</th>
<th>Marks</th>
<th>Type</th>
</tr>
</thead>
<tbody>
<tr class = "active">
<td>C++</td>
<td>70</td>
<td>Programming Language</td>
</tr>
<tr>
<td>PHP</td>
<td>92</td>
<td>Scripting Language</td>
</tr>
<tr>
<td>jQuery</td>
<td>80</td>
<td>JavaScript Library</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>热门推荐
10 读书祝福语女生短句简短
11 感谢同事新婚祝福语简短
12 感谢教官文案祝福语简短
13 员工聚会蛋糕祝福语简短
14 元宵发客户祝福语简短
15 给团队信心祝福语简短
16 医美的祝福语大全简短
17 异国姻缘的祝福语简短
18 兄妹拍照祝福语简短的话