0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Bootstrap/site/content/docs/5.1/helpers/clearfix.md
2021-08-04 18:41:51 +03:00

944 B

layout title description group aliases
docs Clearfix Quickly and easily clear floated content within a container by adding a clearfix utility. helpers /docs/5.1/helpers/

Easily clear floats by adding .clearfix to the parent element. Can also be used as a mixin.

Use in HTML:

<div class="clearfix">...</div>

The mixin source code:

{{< scss-docs name="clearfix" file="scss/mixins/_clearfix.scss" >}}

Use the mixin in SCSS:

.element {
  @include clearfix;
}

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.

{{< example >}}

Example Button floated left Example Button floated right
{{< /example >}}