bootstrap 3表边界问题

Question

您好我尝试使用带有桌边框的bootstrap 3并且未显示右侧边框。这是我的表：

<table class="table table-bordered table-hover">
...
</table>

这是我桌子上的一张照片。我的右边界是这样看不见的：

有时我的水平边框也是这样看不见的：

此问题仅出现在Firefox中。我的边界在哪里？

Answer 1

这是一个错误，你需要添加tbody

空白.table-bordered的

<tbody>缺少边框。

查看此页面https://bugzilla.mozilla.org/show_bug.cgi?id=409254

$('tbody').addClass('hidden');

$('button').on('click',function(){
    tr='<tr><td>td</td><td>td</td><td>td</td><td><button type="button" onclick="$(this).closest(\'tr\').remove();" class="btn btn-danger">Remove</button></td></tr>';
    $('tbody').removeClass('hidden');
    $('tbody').append(tr);
});

Answer 2

哦，由于浏览器缩放，这是一个小小的意外问题。

我找到了答案here，这是一个旧的Firefox错误Table cell border widths render incorrectly at various zoom levels。

不幸的是，这些错误浪费了我很多时间。希望在不久的将来修复这个bug。