부트스트랩 Bootstrap 3 구성요소 Jumbotron,Page header
- 퍼블리셔/Bootstrap
- 2013. 10. 3. 01:00
Jumbotron 과 Page header 에 대해서 이야기 합니다.
부트스트랩에서 말하는 Jumbotron 은 사이트에서 주요 내용을 소개하기 위한 박스 형태의 스타일을 말합니다.
메인페이지에 보면 컨텐츠 상단에 가장 중요한 글이나 주요내용을 표시하는 공간이 있는데요. 바로 그런 부분을 말합니다.
Page header 은 해당 페이지의 제목부분에 해당하는 부분을 말합니다.
Jumbotron
위에서도 말했듯 페이지의 주요내용이나 중요 콘텐츠를 줄여 표기하기 위한 공간을 말합니다.
그런 공간을 사용하라고 부트스트랩에서는 따로 클래스를 만들어놨습니다.
.jumbotron 클래스를 사용하면 되는데요. 여기안에 .container 를 사용하면 적절한 여백을 유지하며 둥근 모서리를 제공합니다.
Page header
이미지에서 보듯 페이지의 해더에 사용할 곳에 .page-header 이라는 클래스를 사용하면 됩니다.
