본문으로 바로가기

스프링(Spring)에 부트스트랩(Bootstrap) 적용하기

category JAVA/Spring 2020. 3. 10. 23:33
반응형


부트스트랩(Bootstrap) 다운로드

 

해당 페이지 접속 > 원하는 템플릿 선택 후 다운로드

 

https://startbootstrap.com/

 

Free Bootstrap Themes, Templates, Snippets, and Guides

Start Bootstrap develops free to download, open source Bootstrap 4 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.

startbootstrap.com

 

Free Download 클릭

 

 

해당 폴더 압축 해제

 

src > main > webapp > resources에 해당 폴더 복붙!

 

 

view 폴더에 index.jsp 파일을 만들어 주고 압축을 푼 파일에 index.html 파일을 복붙!

index.html 파일에 resource 폴더에 복붙 해주었던 파일들의 경로를 수정해준다.

<!--  변경 전 -->
<link href="css/sb-admin-2.min.css" rel="stylesheet">
<script src="vendor/jquery/jquery.min.js"></script>

<!--  변경 후 -->
<script src="../resources/vendor/jquery/jquery.min.js"></script>
<link href="../resources/css/sb-admin-2.min.css" rel="stylesheet">

 

위에 부분 말고도 resource 밑에 폴더는 전부 경로를 변경하면

local에서 해당 템플릿을 실행 시킬 수 있습니다.

 

 

<i> 태그 아이콘

https://fontawesome.com/icons?d=gallery&q=doctor

반응형