引导表行悬停

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