Css 如何在引导中删除表的水平边框

如何使用引导删除表的水平边框？ 我只想保持垂直边界。 这是我的密码：

<table class="table table-bordered">
    <thead>
        <tr>
            <th>Home</th>
            <th>Client</th>
            <th>Setting</th>
        </tr>   
    </thead>
    <tbody>
        <tr>
            <td>data1</td>
            <td>data2</td>
            <td>data3</td>
        </tr>
        <tr>
            <td>data1</td>
            <td>data2</td>
            <td>data3</td>
        </tr>
        <tr>
            <td>data1</td>
            <td>data2</td>
            <td>data3</td>
        </tr>
    </tbody>
</table>

家
客户
背景
数据1
数据2
数据3
数据1
数据2
数据3
数据1
数据2
数据3

尝试以下操作：

table.table.table-bordered td{
    border: 0 none !important;
}

这将从表中删除所有边框。

.table.table-bordered.vertical，
.表格.表格边框.垂直td，
.表.带边框的表.垂直th{
边框顶部：0px纯白！重要；
边框底部：0px纯白！重要；
}

引导示例
家
客户
背景
数据1
数据2
数据3
数据1
数据2
数据3
数据1
数据2
数据3

切勿使用！这很重要，因为这是一种不好的做法。你的问题的解决办法是

.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > td,
.table-bordered {
    border-bottom: 0;
    border-top: 0;
}

所有水平边框都消失了，只剩下垂直边框。

写下以下内容：

table.table td, table.table th, table.table tr{
   border:none !important;
}

---

您有一个Twitter引导表，并且希望使用CSS删除水平边框？可能是的重复项。这个问题是关于Drupal的，但因为它只是HTML和CSS，所以答案应该是一样的。你的标题与你的问题相矛盾：）如果你不使用！这里很重要，如果您将脚本放在一个外部文件中，并在bootstrap.css文件之前链接脚本，它将被bootstrap覆盖。所以，添加！重要的是，这里的覆盖是可以接受的。看看我的答案吧！重要的是，它还添加了一个简化编码的层。在这种情况下，如果在引导之前链接它，调试将更加困难。重写库类是一种不好的做法！“重要”在这里是完全可以接受的。它通常不好用！重要的是，如果您从未使用过它，那么它一开始就不会存在。我们可以将自己的类或id添加到表中，并且可以简单地使用此样式，通过添加类或id，我们将不必使用！重要提示。您忘记添加

th

（为了完整性）