2016-12-21 21 views
1

我下面的例子Bootstrap's site,我看到,该表看起来不同,当我添加类我的表标签,但没有什么新的事情,当我加表-hover。因此,以下两行生成相同的L(其中没有一个突出显示上面悬停的行)。哈弗亮点为表中的引导程序不工作4

<table class="table table-hover"> 
<table class="table"> 

我能错过什么?

在控制台中没有报告错误,它在链接到的页面上肯定有效,在进行搜索时我看不到任何信息。我依靠缩小的文件(全部四个CSS和一个JS加Tether)。

+0

请问您的表有TBODY标签? – sol

+0

它有* table *,* tr *,* th *和* td *。我认为* tbody *是那些的组合......你是说我需要明确地添加* tbody *?! –

+0

是的。该行的目标是:.table-hover tbody tr:hover。没有tbody标签,没有行将被定位。你可以添加一个tbody到你的HTML标记,或者只是把css改成.table-hover tr:hover。尽管如此,我会选择第一个选项。 – sol

回答

2

为表悬停的CSS是

.table-hover tbody tr:hover { 
    ...some change 
} 

确保你的HTML有一个tbody标签:

<table class="table table-hover"> 
    <tbody> 
    <tr> 
     <td></td> 
    </tr> 
    </tbody> 
</table> 

也可以考虑包括thead如果表中有一个头。请注意,.table-hover不会在thead中的行中进行定位。

如果你想影响悬停的行不改变你的标记,你可以尝试添加:

.table-hover tr:hover { 
    ...some change 
} 
+0

很好的解释和例证。 +1 –