플로트 유틸리티

플로트 유틸리티 (Float)

페이지 섹션 안에서 요소를 인라인 시작 또는 끝 방향으로 플로팅하는 유틸리티 클래스예요. 두 가지 클래스의 사용법을 정리해 드릴게요.

출처: 문서

본문

예시 (Examples)

기본 (Basic)

Float inline-start
Float inline-end

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)

브레이크포인트는 선택 사항이에요. 브레이크포인트 옵션은 base(브레이크포인트 값 없음), -on-sm, -on-md, -on-lg, -on-xl이에요. 예시: .pf-v6-u-float-inline-start-on-lg

사용법 (Usage)

클래스 (Class)	적용 대상 (Applied to)	결과 (Outcome)
`.pf-v6-u-float-inline-start{-on-[breakpoint]}`	*	요소를 inline-start로 플로팅해요.
`.pf-v6-u-float-inline-end{-on-[breakpoint]}`	*	요소를 inline-end로 플로팅해요.