Bootstrap includes dozens of utilities—classes with a single purpose to reduce the frequency of highly repetitive declarations.
floats by adding
.clearfix to the parent element. Utilizes the micro clearfix as popularized by Nicolas Gallagher. Can also be used as a mixin.
The following example shows how the clearfix can be used. Without the clearfix the wrapping div would not span around the buttons which would cause a broken layout.
<div class="bg-info clearfix"> <button class="btn btn-secondary float-left">Example Button floated left</button> <button class="btn btn-secondary float-right">Example Button floated right</button> </div>