【问题标题】：How do I remove the bottom border on a bootstrap 3.0 table thead?如何删除 bootstrap 3.0 table thead 的底部边框？
【发布时间】：2013-10-20 08:07:35
【问题描述】：

我正在处理一个新项目，我正在使用 Bootstrap 3.0。

我有一个带有“table”类的表（仅此而已），它的 DOM 中有一个 thead 和 tbody。 tbody 中没有任何边框，但在 thead 中有一个小的白色（或接近白色）边框，我这辈子都无法离开。

这是该表所在的网站： http://majornoob.com/dev/mcsr/

如果我能在解决我的问题方面提供更多帮助，我将非常乐意编辑帖子。

编辑

这是我接受的答案的修改版本，因为我只是删除了边框并且没有修改任何其他内容：

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{border:none;}

【问题讨论】：

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

是的，您可以删除此边框：

在css 文件中你可以看到：

在引导程序中，您有以下 CSS 用于在表头元素上设置 border-bottom：

.table thead>tr>th {
   vertical-align: bottom;
   border-bottom: 2px solid hsl(0, 0%, 87%);
}

在表格行元素上设置 border-top 并遵循 CSS：

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{
   padding:8px;
   line-height:1.428571429;
   vertical-align:top;
   border-top:1px solid #ddd
}

通过去掉这两种边框样式，你可以轻松获得成功和你想要的。

【讨论】：

谢谢！不过，我会接受另一个答案，因为他已经为我解决了这个问题。不过，您的信息也很有价值！

【解决方案2】：

这是边界：

.table thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}

你可以随意编辑。

更新：

也编辑这个类：

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;

【讨论】：

哇，谢谢。那是非常快的，但是进行了此更改后，线条变得更细了。你能帮我找到问题sn-p吗？提前致谢。