修改bootstrap 4 table-thead

Question

尝试修改表格中的样式。在这种情况下，在thead中，文本将只使用一行。为此，我想使用：

white-space: nowrap;

.table-font-size {
    font-size: 13px;
    white-space: nowrap;
}

<table class="table table-hover table-sm table-responsive table-bordered table-font-size">
  <thead class="thead-default">
    <tr>
      <th class="thead-nowrap" th:text="#{large.text1}">Large text 1</th>
      <th class="thead-nowrap" th:text="#{large.text2}">Large text 2</th>
      <th class="thead-nowrap" th:text="#{large.text3}">Large text 2</th>
    </tr>
  </thead>
</table>

适用于所有表格，但我不希望这样。

有什么建议吗？

由于

Answer 1

试试这个：

 .table .thead-nowrap{
        white-space: nowrap;
    }