css - 如何从 bootstrap.css 注入(inject).table 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;
}

谁能解释一下如何使用这个 Bootstrap ？

Answer 1

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