부트스트랩 4 점보트론
점보트론은 특별한 콘텐츠나 정보에 특별한 주의를 환기시키기 위한 큰 회색 상자를 나타낸다.
⭐ 점보트론 내부에는 다른 Bootstrap 요소/클래스를 포함하여 거의 모든 유효한 HTML을 넣을 수 있다.
부트스트랩 튜토리얼
Bootstrap은 웹에서 반응형 모바일 우선 프로젝트를 개발하기 위한 가장 널리 사용되는 HTML, CSS 및 JS 프레임워크다.
.jumbotron 클래스가 있는 <div> 요소를 사용하여 점보트론을 만든다.
예제
<div class="jumbotron"> <h1>Bootstrap Tutorial</h1> <p>Bootstrap is the most popular HTML, CSS...</p> </div>
기본 예시
Bootstrap Tutorial
Bootstrap is the most popular HTML, CSS…
전폭 점보트론
둥근 테두리가 없는 전폭 점보트론을 원할 경우 .jumbotron-fluid 클래스와 그 안에 .container 또는 .container-fluid 클래스를 추가하자.
예제
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>
기본 예시
Bootstrap Tutorial
Bootstrap is the most popular HTML, CSS…
참고
W3C School - Bootstrap – Bootstrap 4 Jumbotron
공부 목적 블로그