为什么这个Bootstrap 3表中没有边界？

Question

使用基本的Bootstrap 3 CSS似乎工作正常，但是使用Superhero Bootswatch主题似乎边框似乎并不想出现。知道为什么吗？

http://jsfiddle.net/VxR7z/

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

应该适用于所有主题。

Answer 1

只需在边框

添加所需颜色的代码即可

.table-bordered th，.table-bordered td {     border：1px solid #ddd！important }

由于

Answer 2

我见过的几个bootswatch主题将@ table-border-color设置为透明以完全删除水平边框，即

@table-border-color: rgba(221, 221, 221,0)

不幸的是，这会“破坏”以表格为边界的表格。如果没有自定义核心bootstrap较少的文件，我认为最简单的方法是按照建议覆盖你自己的css，即

.table-bordered th, .table-bordered td { border: 1px solid #ddd!important } 

Answer 3

我通过添加 !import 解决了这个问题：

table.table-bordered {
    border: 1px solid black !important;
    margin-top: 20px;
}
table.table-bordered > thead > tr > th {
    border: 1px solid black !important;
}
table.table-bordered > tbody > tr > td {
    border: 1px solid black !important;
}