■親要素でフロートを解除する：Clearfix：ユーティリティ：親要素で設定して、フロートを解除するためのクラス（重なっていない浮いているから背景色出る）
右フロート
  <div class="w-50 mx-auto bg-danger clearfix">
    <div class="float-right bg-success">右フロート</div>
  </div>
■親要素でフロートを解除する：Clearfix：ユーティリティ：フロートを解除しない（重なっているので背景色がでない）
右フロート
  <div class="w-50 mx-auto bg-danger">
    <div class="float-right bg-success">右フロート</div>
  </div>
■テーブル：table：：テキストが折り返さないように設定するクラスtable
文字の途中で折り返しをしない設定 折り返しても良い 
  <table class="w-50 mx-auto">
    <tr>
      <th class="text-nowrap">文字の途中で折り返しをしない設定</th>
      <td>折り返しても良い</td>
    </tr>
  </table>