부트스트랩 Bootstrap 3 구성요소 Jumbotron,Page header

게시자: 대문 demun 카테고리: 퍼블리셔/Bootstrap 2013.10.03 01:00

Jumbotron 과 Page header 에 대해서 이야기 합니다.

부트스트랩에서 말하는 Jumbotron 은 사이트에서 주요 내용을 소개하기 위한 박스 형태의 스타일을 말합니다.

메인페이지에 보면 컨텐츠 상단에 가장 중요한 글이나 주요내용을 표시하는 공간이 있는데요. 바로 그런 부분을 말합니다.


Page header 은 해당 페이지의 제목부분에 해당하는 부분을 말합니다.



Jumbotron


위에서도 말했듯 페이지의 주요내용이나 중요 콘텐츠를 줄여 표기하기 위한 공간을 말합니다.

그런 공간을 사용하라고 부트스트랩에서는 따로 클래스를 만들어놨습니다.

.jumbotron 클래스를 사용하면 되는데요. 여기안에 .container 를 사용하면 적절한 여백을 유지하며 둥근 모서리를 제공합니다.






Page header


페이지 해더는 말그대로 페이지에 해더 역확을 하는곳을 말합니다.

이미지에서 보듯 페이지의 해더에 사용할 곳에 .page-header 이라는 클래스를 사용하면 됩니다.





신고

댓글

  1. 2013.10.20 15:06 신고 BlogIcon Maconic.Lee  댓글주소  수정/삭제  댓글쓰기

    죄송하지만 궁금한게 있습니다

    부트스트랩 3.0을 적용후 포스트 제목 부분의 글씨 크기좀 줄이고 글씨체좀 변경하고 싶은데
    어딜 만져야할지 모르곘습니다

    인터넷에 검색했는데 post title 부분이 없어서 도움좀 청할려고 합니다