Html 推特引导3。在Opera中悬停后，具有一行的表失去边框

以下是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>

#
名字
姓
用户名
1.
做记号
奥托
@mdo

及

在将鼠标悬停在该行上后，它们丢失了边框，但在我更改窗口大小后，它仍然可见。如果表中有多行，则所有行都可以正常工作。您也可以在screencast视频中看到这一点：

---

此错误仅存在于Opera（任何版本）中。我正在使用Bootstrap3，这是一个非常有趣的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;
}

它有一些填充问题