Bootstrap表行悬停

Question

如何在悬停时在Bootstrap 3中对表格行进行背景更改。我现在使用的表类是table table-striped。我尝试在表格中的<tr>标记中添加一个额外的类，并使css像.table-row:hover{background:black;}一样。现在只有非条纹行正在工作。是不是在引导程序中有一个类可以让我轻松实现它？或者我应该使用JQuery来解决这个问题？我真的不能自己解决这个问题。

Answer 1

您需要将table-hover类添加到<table/>元素。像这样：

<table class="table table-striped table-hover">
    <tbody>
       <tr>
           <td>Col 1</td>
           <td>Col 2 </td>
       </tr>
    </tbody>
</table>

来源：Documentation