【Bootstrap】テーブルに横スクロールがつかない時

Bootstarpではテーブルの外枠divに table-responsiveを付けるだけで
レスポンシブ対応 (=横スクロール) ができる便利機能がある

しかし付けても付けても横スクロールにならずに窮屈そうなテーブルが出来上がってしまう問題があったのでメモしとく

基本的に下記コードで動作する

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

けど今回モーダルの中で使用した場合だとテーブル内の文字が自動改行されて
横スクロールが出てこない・・

<div class="modal-body">
  <div class="table-responsive">
    <table class="table text-nowrap">
      ...
    </table>
  </div>
</div>