Clear & Clearfix

Modifier for the wrapping of content around an element.

ATTENTION We use the logical start and end for clearing the element. For more Information read CSS Logical Properties.

We also add a classic clearfix class, for more information read Clearfix.

The structure of the class names are:

• .clearfix
• .clear-{VALUE}
• .clear-{VALUE}-{SCREEN_SIZE} until the screen size

The values are:

• VALUE start, end, both, none
• SCREEN_SIZE lg, md, sm, xs

Basic Example: