![](../assets/img/illustrations/loader.gif)
Clearfix
Quickly and easily clear floated content within a container by adding a clearfix utility.
Clearfix on BootstrapEasily clear floats by adding .clearfix to the parent element. Can also be used as a mixin.
<div class="clearfix">...</div>
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" type="button">Example Button floated left</button>
<button class="btn btn-secondary float-right" type="button">Example Button floated right</button>
</div>
![](../assets/img/icons/customer-service.png)
+(123) 456 78910
Have a question? call us now
![](../assets/img/icons/mail-5.png)
help@medicare.com
Need support? Drop us an email
![](../assets/img/icons/clock-2.png)
Mon – Sat 07:00 – 21:00
We are open on
![](../assets/img/logo.png)
brigham and women's hospital
75 francis street, boston ma 02115
General information: 671-732-5500
New Patients: 800-294-9999