레이아웃

레이아웃 (Layout)

레이아웃 문서는 웹페이지의 구조(structure) 를 디자인하는 데 도움을 주는 CSS 클래스 모음이에요. 컨테이너, 히어로, 섹션, 레벨 같은 대표적인 레이아웃 컴포넌트를 소개합니다.

출처: 문서

다음 CSS 클래스들로 웹페이지의 구조를 디자인해 보세요.

콘텐츠를 가로로 가운데 정렬하는 간단한 컨테이너예요.

무언가를 돋보이게 하는 인상적인 히어로 배너예요.

페이지를 섹션으로 나누는 간단한 컨테이너예요. 지금 이 문서를 읽고 있는 영역도 바로 section이지요.

거의 모든 요소를 담을 수 있는 다용도 가로 레벨이에요.

소셜 미디어 인터페이스에서 흔히 볼 수 있는 그 유명한 미디어 객체인데, 어떤 컨텍스트에서도 유용해요.

목록, 제목, 칼럼, 아이콘, 버튼 등 무엇이든 담을 수 있는 간단한 반응형 푸터예요.