-
[Spring boot project] Bootstrap(부트스트랩) 적용하기개발 공부/Spring 2022. 1. 28. 11:01반응형
부트스트랩이란 ?
각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 것
제가 다운받은 템플릿은 이 사이트에 있습니다
Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap
Landing Page A clean, functional landing page theme
startbootstrap.com
여기서 저는 부트스트랩 무료 테마을 사용할거기때문에
프리만 체크하여 봤습니다.
하나를 선택하여 free Download를 클릭하면
해당 테마가 다운됩니다.
다운받은 파일 압축 푼 모습입니다.
내부에 이런 파일들이 있는데요
이걸 STS, Spring boot project에 그대로 복사해줍니다.
처음에 templates에 부트스트랩 폴더 만들어서 넣었는데 적용이 되지 않았습니다.
그래서 static으로 옮기니 적용 완료!
부트스트랩에 있던 index.html을 template로 옮겨주고
controller에서 index.html을 호출해주면 적용 완료!
짠
반응형'개발 공부 > Spring' 카테고리의 다른 글
Spring Boot Thymeleaf 외부 로컬 이미지 출력하기 , 프로젝트 경로에 파일 업로드 (0) 2022.03.17 Spring layout form submit 안될 때 해결 법 (0) 2022.03.14 Spring boot project - templates layout 나누기 (0) 2022.01.26 [spring boot project] Controller에서 html view로 값 전달하기 (0) 2022.01.18 [Spring Boot Project] 기본 구조, Hello World 출력 , controller에서 html 호출 (0) 2022.01.18
