부트 스트랩

# 부트 스트랩

• 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크이다.

## 설치방법

• 아래 링크에 접속하여 다운로드 클릭하여 설치
• https://getbootstrap.com/docs/4.4/getting-started/download/

Download

## 사용 전 적용

• 다운받은 부트스트랩 압축파일을 스프링의 경우 resource 아래에 신규 폴더를 생성하여 넣어준다.

• 넣어준 자료를 head 등에서 다음과 같이 불러온다.

<!-- 부트스트랩 css 사용 -->
<link rel="stylesheet" href="/resource/css/bootstrap.css">

<!--  부트스트랩 js 사용 -->
<script type="text/javascript" src="/resource/js/bootstrap.js"></script>

## 사용 방법

https://startbootstrap.com/

Free Bootstrap Themes, Templates, Snippets, and Guides

혹은 부트스트랩 무료 탬플릿 등 검색을 통해 사용하고자 하는 무료 탬플릿을 다운받는다.

받은 자료를 복사 하여 resource 아래에 복사 후 사용

 

참고 https://coding-factory.tistory.com/40