UI Builder 페이지에서 구성요소 구성
열 레이아웃은 페이지의 구성요소를 UI 빌더 구성합니다. 에서 열 레이아웃이 어떻게 사용 UI 빌더되는지 알아봅니다.
열 레이아웃을 사용하면 유용하고 시각적으로 매력적인 경험 페이지를 만들 수 있습니다. 열 레이아웃은 구성요소를 포함할 수 있는 유연한 컨테이너의 한 유형입니다. 열 레이아웃은 너비가 같거나 다른 열을 가질 수 있습니다. 열 레이아웃 전체와 레이아웃 내의 개별 열을 구성할 수 있습니다. 예를 들어, 열 레이아웃과 레이아웃 내의 개별 열에 대해 서로 다른 테두리 너비와 색상을 설정합니다. 열 레이아웃은 페이지에 빈 열을 UI 빌더 포함하여 공백을 만들 수 있습니다. 한 페이지에서 여러 열 레이아웃을 사용합니다. 예를 들어, 2열 레이아웃에는 헤더와 이미지가 포함될 수 있고, 그 아래의 3열 레이아웃에는 목록 및 양식과 같은 더 많은 구성요소가 포함될 수 있습니다.
페이지 작성을 시작하기 전에 페이지의 레이아웃에 대해 생각해 보세요. 달성하려는 목표와 페이지 레이아웃이 얼마나 복잡해야 하는지를 분석합니다. 이러한 질문은 사용해야 하는 열 레이아웃 유형을 결정합니다.
의 열 레이아웃은 UI 빌더 표준 기반 CSS(Cascading Style Sheet) 규칙과 Flexbox, CSS 그리드 및 절대 위치 지정과 같은 웹 레이아웃 기술을 사용합니다. 따라서 CSS에서 할 수 있는 모든 작업을 여기에서 수행할 수 있습니다. CSS에 대해 더 자세히 알아보려면 Mozilla 를 방문하세요.
주:
이전 릴리스(Utah 또는 Tokyo)에서 생성된 기존 UI 빌더 페이지가 있는 경우 Vancouver로 업그레이드하고 페이지에 열 레이아웃을 추가할 수 있습니다.
다음은 현재 열 레이아웃에서 지원되지 않습니다.
- 조건에 따라 열 숨기기/표시.
- 레이아웃에서 열을 끌어 순서를 변경합니다.
- 열 이름 바꾸기(그러나 열 레이아웃의 이름을 바꿀 수 있음)