如何使用bootstrap 3创建具有单个边框的表

Question

我正在尝试使用bootstrap 3创建一个简单的边框表，但我还没有找到一个很好的方法来让右边框显示除了像这样的hacky之外

<table class="table table-bordered table-hover sch-cust-tbl">
<tbody>
<tr>
<td style="border-right-color: #ddd;">foo</td>
</tr>
</tbody>
</table>

这是我的自定义css，用于悬停工作（主要是）

.table-bordered tbody tr td:first-child
{                                                                                               border-right-color: white; 
}                                                                                           
.table-bordered thead tr th:first-child    
{                                                                                               border-right-color: white;  
}

我希望看到的是一张没有内部边框的桌子，但是整个外面都是边框（每行加上一个顶部和底部边框）

Answer 1

最简单的事情往往是最好的：

<table class="table table-hover sch-cust-tbl">
    ...
</table>

.sch-cust-tbl {
    border: 2px solid #DDD;
}

<强> Bootply