ブートストラップでのテキストの整列を変更する4 table-thead

Question

テーブルのスタイルを修正しようとしています。このケースでは、テキストでは1行しか使用されません。このために、私が使用したい：すべてのテーブルの

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`後に括弧を逃した

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