Twitter-bootstrap 3. Tableau avec une ligne perd la frontière après vol stationnaire dans Opera

Question

Voici le balisage 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> 

et jsfiddle

Après avoir plané sur la ligne ils l'ont perdu la frontière, mais après que je change redimensionner ma fenêtre il reste visible. Si la table a plus d'une ligne alors tout fonctionne bien. Vous pouvez voir ceci à la vidéo de screencast également: http://screencast.com/t/hpruvSUbmCE

Ce bogue existe dans Opera (n'importe quelle version) seulement. J'utilise bootstrap 3

Answer 1

bug vraiment intéressant j'ai réussi à contourner le problème en ajoutant la règle à 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; 
} 

-il un problème avec un rembourrage

fiddle