1. 점보트론

점보트론이란?

하나의 컴포넌트로 홈페이지를 소개하는 첫 화면이라 할 수 있다. 본래 의미로는 대형 전광판을 말한다.

점보트론 만들기

점보트론으로 표현하려는 블럭(div태그)에 class="jumbotron"  를 적용해준다.

점보트론 블럭 가운데 표시하려는 text를 <hn> ,<p> 등의 태그 안에 적어주고 class="text-center" 를 적용해준다.

점보트론 스타일 추가

jumbotron 클래스에는 기본적으로 점보트론의 형태가 적용되어 있는데,

<style>태그 안에  .jumbotron { text-style이나 background-img 등 } 과 같이 추가적인 스타일을 부여할 수도 있다.

점보트론 링크 태그

<a href="#" class="btn btn-primary btn-lg" role="button">