使用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 婆婆高寿祝福语大全简短