bootstrap table-hover

Bootstrap Table Hover是一个基于Twitter Bootstrap的插件，它允许你在Bootstrap表格（table）中启用鼠标悬停效果。当用户将鼠标指针移动到表格行上时，该行会呈现出不同的样式，通常表现为背景色的变化，这有助于提供更好的交互体验，让用户快速识别并区分当前选中的行。这个功能对于数据展示和列表浏览非常有用，特别是在需要实时反馈用户交互的场景中。

要使用Table Hover，首先在HTML中包含Bootstrap的CSS和JS文件，然后在CSS中添加hover类的样式，最后在JavaScript中初始化Table Hover插件。例如：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.6.0/js/bootstrap.min.js"></script>

<table class="table table-hover">
  <thead>
    <tr>
      <th scope="col">姓名</th>
      <th scope="col">年龄</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格行内容 -->
  </tbody>
</table>