5

下面是HTML標記:Twitter的引導3.表一排歌劇懸停後失去邊界

<table class="table table-hover" style="width: 300px;"> 
    <thead> 
    <tr> 
     <th>#</th> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Username</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>Mark</td> 
     <td>Otto</td> 
     <td>@mdo</td> 
    </tr> 
    </tbody> 
</table> 

jsfiddle

徘徊在該行後,他們失去了它的邊界但之後,我改變調整我的窗口大小保持可見。如果表格有多行,那麼所有工作正常。您也可以在屏幕視頻中看到此視頻:http://screencast.com/t/hpruvSUbmCE

此錯誤僅在Opera(任何版本)中存在。我使用的是引導3

回答

1

真的很有趣的bug我設法通過添加規則來解決它css

.table th, 
.table td { 
    padding: 4px; 
    line-height: 5px; 
    text-align: left; 
    vertical-align: middle; 
    border-top: 1px solid red ! important; 
    border-bottom: 1px solid red ! important; 
    height:35px; 
} 
.table th{ 
    border-top:none ! important; 
} 
.table td{ 
    border-bottom:0px ! important; 
} 

它有一些問題,填充

fiddle