Quickly and easily clear floated content within a container by adding a clearfix utility.

Clearfix on Bootstrap

Easily 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-primary progress-bar-striped clearfix">
  <button class="btn btn-secondary float-start" type="button">Example Button floated left</button>
  <button class="btn btn-secondary float-end" type="button">Example Button floated right</button>

Thank you for creating with Falcon |
2023 © Themewagon



Set your own customized style

Color Scheme

Choose the perfect color mode for your app.

RTL Mode

Switch your language direction

RTL Documentation

Fluid Layout

Toggle container layout system

Fluid Documentation

Navigation Position

Select a suitable navigation system for your web application

Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.