Bullseye 레이아웃
Bullseye 레이아웃
Bullseye 레이아웃은 콘텐츠를 컨테이너 안에서 가로와 세로 모두 가운데 정렬해 줘요. 하나의 콘텐츠를 화면 정중앙에 놓고 싶을 때 사용하면 좋아요.
출처: 문서
본문
요소 (Elements)
- Bullseye: bullseye 항목을 담는 컨테이너입니다.
- Bullseye item: bullseye 컨테이너 안에 배치할 개별 콘텐츠 섹션입니다.
사용 (Usage)
Bullseye 레이아웃은 콘텐츠 섹션을 하나만 담을 수 있어요.
예를 들어 bullseye 레이아웃은 modal 컴포넌트와 함께 자주 사용되어 중요한 정보를 표면에 드러내고 다른 레이아웃 위에 콘텐츠를 배치하는 데 쓰입니다.
페이지에서 하나 이상의 콘텐츠 섹션을 가운데 정렬해야 한다면 다른 PatternFly 레이아웃을 선택해야 해요.