【问题标题】:Bootstrap table row hover引导表行悬停
【发布时间】:2013-12-23 04:49:05
【问题描述】:

如何在悬停时更改Bootstrap 3 中表格行的背景。我现在使用的表类是table table-striped。我试图在表中的<tr> 标签中添加一个额外的类,并使 css 像这样.table-row:hover{background:black;}。现在只有非条纹行在工作。引导程序中没有一个类可以让我轻松实现这一点吗?或者我应该使用JQuery 来解决这个问题?这个我一个人真的想不出来。

【问题讨论】:

    标签: twitter-bootstrap twitter-bootstrap-3 hover row css-tables


    【解决方案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

    【讨论】:

    • 注意,你必须在 table-hover 之前放置 table-striped 否则条纹行不会在悬停时突出显示
    • @GeorgiiOleinikov 实际上与 bootstrap 3 正好相反,但谢谢提示!
    • 适用于 tbody 内的 tr。对于像asp.net gridview这样的生成表,它也适用于th。
    猜你喜欢
    • 2015-04-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-15
    • 2019-10-27
    • 2015-08-05
    • 2012-09-05
    相关资源
    最近更新 更多