如何在bootstrap中删除表的水平边框

Question

如何使用bootstrap删除表的水平边框？我想只保留垂直边框.这是我的代码:

<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>

Answer 1

永远不要使用!重要,因为这是一种不好的做法.你问题的解决方案是

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

所有水平边框都消失了,只剩下垂直边框.