BootStrap 테마연결

 

google에 free bootstrap template 검색시 방대한 양이 나온다 그중에 제일 첫번째 사이트 사용했다.

https://startbootstrap.com/themes

 

Free Bootstrap Themes & Templates - Start Bootstrap

Landing Page A clean, functional landing page theme

startbootstrap.com

 

마음에 드는 템플릿 을 고른후 파일을 받아

 

WEB-INF 폴더 아래 static 폴더를 생성후 

 

 

 

순서 제목 작업
0 무료템플릿받기 마음에드는 템플릿 다운 ( https://startbootstrap.com/themes)
1 템플릿 넣을
static 폴더생성
WEB-INF 폴더 아래 static 폴더를 생성
2 static 폴더에
테마 넣기
내가받은 테마를 받아 압축을 푼 후에는 하기처럼 나옴.
index.html 은  jsp로 옮겨 넣음.



 

3 index페이지
LINK 수정
받아서 놓은 assets, css, js 경로를 맞게 연결시켜주어야한다.
연결시켜주지 않고 실행시키면 단순 html 글밖에 보이지 않는다.  
이런 결과를 바라고 다운받은게아니다.


 




link수정할게 사진에 보이듯이 저거 하나뿐이 아님
사진, js 등 참조하는 경로들은 본인이 넣은 폴더에 link되게끔 수정해준다.
4 최종확인











 

'스프링MVC' 카테고리의 다른 글

카카오로그인 API (Oauth) (1)  (0) 2023.01.29
스프링MVC 초기설정-Tiels레이아웃설정 (2)  (0) 2023.01.28
스프링MVC 초기설정 (1)  (0) 2023.01.28
AOP ( 프록시패턴)  (1) 2023.01.25
트랜잭션 ( Transaction)처리  (0) 2023.01.24

+ Recent posts