■親要素でフロートを解除する: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>