여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. Bootstrap - Bootstrap 4 점보트론
Bootstrap – Bootstrap 4 점보트론
6개월전 작성
6개월전 수정



부트스트랩 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…

참고
Mingg`s Diary
밍구
공부 목적 블로그