如何在Bootstrap 4表中隐藏单元格边框？

Question

这个问题是我读过的一个问题的后续问题＆＃39; bootstrap 4 table column sizing＆＃39;。

我想创建一个小桌子（2x3），右下角的外边框丢失。图片应该解释它。有谁知道我如何在Bootstrap 4上做到这一点？

2x3 table with bottom-right cell hidden/missing

上述问题的一位用户在Copeply上创建了一个2x3表。我使用此代码作为模板。链接位于：https://www.codeply.com/go/BYrG9NNd6e

简而言之，任何人都可以告诉我如何添加到此代码中以隐藏右下角的单元格的外边框？

我对编码非常陌生。对任何基本错误道歉。

感谢。

Answer 1

在这种情况下，您无法使用table-bordered，因为它会在整个表格周围创建边框。你可以像这样创建一个自定义类......

.table-custom td, .table-custom th {
    border:1px #eee solid;
}
/* remove border from bottom right cell */
.table-custom tr:last-child td:last-child {
    border:none;
}

http://codeply.com/go/ZmMzQ1OHE5