とほほのBootstrap 4入門

トップ > Bootstrap 4入門 > クリアフィックス

クリアフィックス

.float-left.float-right を使用した場合、そのままではテキストの回り込みが継続してしまうため、親要素に対して .clearfix を指定して、.float-* の効力をクリアします。

Sample
Next text is ...
Code
<div class="clearfix">
  <button type="button" class="btn btn-secondary float-right">float-right</button>
</div>
Next text is ...

Copyright (C) 2015-2019 杜甫々
初版:2015年9月6日 最終更新:2019年1月6日
http://www.tohoho-web.com/bootstrap/clearfix.html