Twitter bootstrap 3. Bảng với một hàng mất biên giới sau khi di chuột trong Opera

Question

Dưới đây là đánh dấu html:

<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> 

và jsfiddle

Sau khi lơ lửng trên hàng họ bị mất nó biên giới nhưng sau khi tôi thay đổi thay đổi kích thước cửa sổ của tôi, nó vẫn hiển thị. Nếu bảng có nhiều hơn một hàng thì tất cả đều hoạt động tốt. Bạn cũng có thể xem video này tại video màn hình: http://screencast.com/t/hpruvSUbmCE

Lỗi này chỉ tồn tại trong Opera (mọi phiên bản). Tôi đang sử dụng bootstrap 3

Answer 1

lỗi Thật thú vị tôi quản lý để làm việc xung quanh nó bằng cách thêm quy tắc để 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; 
} 

nó có một số vấn đề với đệm

fiddle