Skip to content
PatternFly logo

Float

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

Overview

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

Usage

Class
Applied to
Outcome
.pf-u-float-left{-on-[breakpoint]}
*
Float element left
.pf-u-float-right{-on-[breakpoint]}
*
Float element right

View source on GitHub