부트스트랩 적용해보기

1. 적용하고 싶은 부트 스트랩 테마를 다운로드한다.

(부트스트랩 무료 다운로드 주소1 : https://startbootstrap.com/)

(부트스트랩 무료 다운로드 주소2 : https://bootstrapmade.com/)

 

 

2. 다운받은 부트스트랩 폴더 내의 index.html 실행시킨다 - 소스보기 후 전체 소스 복사해 적용시키고픈 파일의 home.jsp에 붙여넣기한다.

 

3. 압축을 푼 후에 생성된 폴더들을 모두 아래의 위치로 옮긴다.

 

4. 다시 복붙한 home.jsp 로 간다. home.jsp에 끝이 .css로 끝나는 css파일 링크들의 형식을 아래와 같이 바꿔준다.

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

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

5. 끝이 .js로 끝나는 자바스크립트경로도 아래와 같이 바꿔준다.

<!--  변경 전 -->
<script src="vendor/jquery/jquery.min.js"></script>

<!--  변경 후 -->
<script src="../resources/vendor/jquery/jquery.min.js"></script>

 

6. 실행해본다.