【问题标题】:Boostrap html table with a lot of added thingsBootstrap html 表,添加了很多东西
【发布时间】:2020-09-02 12:15:38
【问题描述】:

对不起,愚蠢的问题,但我一直在尝试用 html 制作表格:

并且对悬停敏感 == 当您将鼠标悬停在行上时,它的颜色会改变。 我已经尝试过搜索,但没有什么是我需要的……感谢您的帮助。

【问题讨论】:

标签: html css html-table bootstrap-4 bootstrap-table


【解决方案1】:

Bootstrap 提供了一个可悬停的行表。查看Bootstrap table documentation

这是他们在文档中显示的示例代码:

 <table class="table table-hover">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

【讨论】:

  • 谢谢!我会看的
猜你喜欢
  • 1970-01-01
  • 2017-05-30
  • 2013-03-10
  • 1970-01-01
  • 1970-01-01
  • 2019-07-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多