Bullseye 레이아웃
Bullseye 레이아웃 (HTML)
Bullseye 레이아웃의 HTML 문서예요. 단일 자식 요소를 가로·세로로 가운데 정렬하는 클래스 사용법을 확인할 수 있어요.
출처: 문서
본문
예시 (Examples)
기본 (Basic)
문서 (Documentation)
개요 (Overview)
Bullseye 레이아웃은 단일 자식 요소를 부모 안에서 가로·세로로 가운데 정렬하도록 설계되었어요.
사용 (Usage)
| Class | Applied to | Outcome |
|---|---|---|
.pf-v6-l-bullseye |
<div> |
Bullseye 레이아웃을 초기화합니다. Bullseye는 자식이 하나만 있어야 합니다. |
.pf-v6-l-bullseye__item |
<div> |
Bullseye의 자식을 명시적으로 설정합니다. 이 클래스는 필수는 아니지만, BEM 규약에 맞추고 나중에 modifier를 적용할 엔티티를 제공하기 위해 포함합니다. |