html - Twitter-bootstrap 3. Table with one row lose border after hover in Opera -
here html markup:
<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>
and jsfiddle
after hovering on row lost border after change resize window stay visible . if table has more 1 row works fine. can see @ screencast video also: http://screencast.com/t/hpruvsubmce
this bug exists in opera(any version) only. i'm using bootstrap 3
really interesting bug managed work around adding rule 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; }
it have problem padding
Comments
Post a Comment