twitter-bootstrap – 引导表行悬停

发布时间：2020-12-18 00:01:17 所属栏目：安全来源：网络整理

导读：如何在悬停时对Bootstrap 3中的表行进行背景更改。我现在使用的表类是table table-striped。我试图添加一个额外的类到 tr标签，并使css像这样.table-row：hover {background：black;}。现在只有非条纹行正在工作。是不是有一个类在bootstrap将允许我轻松实现

如何在悬停时对Bootstrap 3中的表行进行背景更改。我现在使用的表类是table table-striped。我试图添加一个额外的类到< tr>标签，并使css像这样.table-row：hover {background：black;}。现在只有非条纹行正在工作。是不是有一个类在bootstrap将允许我轻松实现这个？或者我应该使用JQuery来解决这个问题？我真的不能把这一个由我自己。

解决方法

您需要将table-hover类添加到< table />元件。喜欢这个：

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

资料来源：Documentation

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!