twitter-bootstrap - 为什么此 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)

不幸的是，这确实“破坏”了以表格为边界的表格。在不自定义核心引导较少文件的情况下，我认为最简单的方法是按照建议使用您自己的 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;
}