とほほの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-2018 杜甫々
初版:2015年9月6日 最終更新:2018年6月10日
http://www.tohoho-web.com/bootstrap/clearfix.html