如何在引导表中删除行之间的行？

Question

我有一个Bootstrap表,我想删除表中某些行之间的行(在表的末尾)有没有快速的方法来实现这一点？

Answer 1

您可以使用以下CSS从Bootstrap表中删除边框:

.table>tbody>tr>td,
.table>tbody>tr>th {
  border-top: none;
}

这将覆盖Bootstrap td和th选择器特异性并应用您的border-top风格而不是他们的风格.

请注意,这仅适用tr于tbody.中的元素.如果您希望这些也适用于那些,那么您需要为元素thead和tfoot元素添加样式.

现在你指定了一些行,我猜你不希望这适用于所有行.为此,只需在要删除边框class的tr元素上添加一个新元素,并在CSS选择器中包含该类名:

<tr class="no-border">...</tr>

.table>tbody>tr.no-border>td,
.table>tbody>tr.no-border>th {
  border-top: none;
}