Level 레이아웃
Level 레이아웃
Level 레이아웃은 콘텐츠 섹션 사이의 공간을 고르게 분배하고 가로로 가운데 정렬해 주는 레이아웃이에요. 여러 섹션을 한 줄에 깔끔하게 펼치고 싶을 때 사용하면 좋아요.
출처: 문서
본문
요소 (Elements)
기본적으로 level 항목은 페이지에 가로로 배치되고 줄바꿈(wrap) 됩니다. Level 레이아웃은 반응형이 아니지만, 뷰포트 크기가 조정되면 항목이 줄바꿈됩니다.
Level 레이아웃은 다음 요소로 구성됩니다:
- Level: 모든 level 항목을 담는 컨테이너입니다.
- Level item: level 컨테이너 안에 배치할 개별 콘텐츠 섹션입니다.
사용 (Usage)
Level 레이아웃은 UI 너비 전체에 걸쳐 콘텐츠 섹션을 깔끔하고 고르게 표시할 때 사용할 수 있어요.
변형 (Variations)
항목 사이의 간격을 조정하려면 거터(gutter)를 적용할 수 있습니다.