Bootstrap

[Bootstrap]
--> 개발이 매우 빨라진다
--> 뼈대 디자인에 유용

ㅇ https://getbootstrap.com 에서 다운로드

• css, js 둘 다 다운로드
• css 파일은 head 태그 안에, js 파일은 body 태그 끝나기 전 삽입

ㅇ또는 quick start 템플릿 복사 붙여넣기 해도 됨

ㅇ원하는 예제(버튼, navbar, card, carousel(이미지 슬라이드), modal(팝업창), badge, media object등)을 검색

[Utility class 제공(class 명 생성 안해도 되는 편리)]

• Utilities 탭에서 검색 가능

<h5 class="card-title">Card title</h5>
<h5 class="card-title mt-3 fs-1">Card title</h5>
<h5 class="card-title pb-3 text-center">Card title</h5>

--> mt: 타이틀에 마진탑 3만큼 주기 (1~5까지 가능)
--> pt: 타이틀에 패딩탑 3만큼 주기
--> fs-1: 타이틀에 폰트사이즈 조정
--> w-50: width 조정
--> text-center: 가운데정렬