如何从bootstrap.css中注入表td属性

Question

在标准bootstrap.css中，有：

.table th,
.table td {
  border: 0.5px solid #dee2e6;
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

但是我的jsp的td看不到它：

<table>
    <tr>
        <td colspan="2"><jsp:include page="header.jsp" /></td>
    </tr>
    <tr>
        <td><jsp:include page="menu.jsp" /></td>
        <td><jsp:include page="../${contentPage}.jsp" /></td>
    </tr>
</table>

要获取td的css属性，必须将bootstrap.css更改为：

td {
  border: 0.5px solid #dee2e6;
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

有人可以向我解释如何使用此引导程序吗？

Answer 1

看看引导CSS如何在表之前有句号？这意味着它适用于“表”类，而不是所有表元素。您需要像这样将'table'类添加到表元素中 <table class="table">。