Bootstrap

디자이너의 도움 없이도 개발자 혼자서 상당히 괜찮은 수준의 웹 페이지를 만들수 있게 도와주는 HTML, CSS, JS 라이브러리

부트스트랩은

• 디자인 때문에 개발 시간이 길어지는 문제 해결
• 반응형 웹 사이트 개발

을 이유로 탄생했다.

🚨 부트스트랩은 3.x, 4.x, 5.x 등의 버전이 존재하고 메이저 번호(3, 4, 5)에 따라 그 사용방법이 다르다.

설치

Bootstrap download

스프링부트 기준으로
bootstrap.min.css 파일을 카피 -> static directory에 저장
[파일명: /src/main/resources/static/bootstrap.min.css]

CDN을 써도 괜찮다.

적용

html head 태그 안에다가 아래 내용을 추가한다.

<link rel="stylesheet" type="text/css" th:href="@{/bootstrap.min.css}">

이제 부트스트랩 스타일시트에 정의되어 있는 클래스들을 이용하면 된다.

💡 Bootstrap에 대한 자세한 내용은
여기를 참고하기