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