HTML

Float

ExamplesDocumentation

Examples

Basic

Float left
Float right

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Earum, odit fugit eaque ad assumenda fuga alias aut ipsum repudiandae enim pariatur ullam distinctio omnis dolorem at voluptatum saepe, beatae officiis?

Documentation

Overiew

Breakpoint is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. Example .pf-u-text-left-on-lg

Usage

ClassApplied toOutcome
.pf-u-float-left{-on-[breakpoint]}*Float element left
.pf-u-float-right{-on-[breakpoint]}*Float element right