Bootstrap悬停响应表格

在Bootstrap中可以通过添加 .table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应。示例代码如下：

<table class="table table-hover">
<caption>悬停表格布局</caption>
<thead> <tr> <th>名称</th> <th>城市</th> <th>邮编</th> </tr> </thead>
<tbody> <tr> <td>Tanmay</td> <td>Bangalore</td> <td>560001</td> </tr>
<tr> <td>Sachin</td> <td>Mumbai</td> <td>400003</td> </tr>
<tr> <td>Uma</td> <td>Pune</td> <td>411027</td> </tr>
</tbody> </table>

效果如下：

Bootstrap悬停响应表格