점보트론(Jumbotron)은 특별한 내용이나 정보에 특별한 관심을 기울일 수 있는 큰 회색 상자를 의미합니다.

** 점보트론 내부에는 다른 부트스트랩 요소/클래스를 포함하여 거의 모든 유효한 HTML을 넣을 수 있습니다.

점보트론을 생성하려면 <div>요소에 .jumbotron클래스를 사용합니다.

<div class="jumbotron">
    <h1>부트스트랩4와 그누보드5 강좌</h1>      
    <p>부트스트랩4 내용 이해와 이를 이용한 그누보드5 테마 만들기</p>
  </div>

전체 너비 점보트론(Full-width)

모서리 라운드 테두리가 없는 전체 너비 점보트론을 작성하기를 원할 경우, .jumbotron-fluid클래스와 .container클래스를 추가하거나 그 안에 .container-fluid클래스를 추가하세요.

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>부트스트랩4와 그누보드5 강좌</h1>      
    <p>부트스트랩4 내용 이해와 이를 이용한 그누보드5 테마 만들기</p>
  </div>
</div>