기타
부트 스트랩
현호s
2020. 8. 26. 20:39
반응형
# 부트 스트랩
- 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크이다.
## 설치방법
- 아래 링크에 접속하여 다운로드 클릭하여 설치
- https://getbootstrap.com/docs/4.4/getting-started/download/
Download
Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.
getbootstrap.com
## 사용 전 적용
- 다운받은 부트스트랩 압축파일을 스프링의 경우 resource 아래에 신규 폴더를 생성하여 넣어준다.
- 넣어준 자료를 head 등에서 다음과 같이 불러온다.
<!-- 부트스트랩 css 사용 -->
<link rel="stylesheet" href="/resource/css/bootstrap.css">
<!-- 부트스트랩 js 사용 -->
<script type="text/javascript" src="/resource/js/bootstrap.js"></script>## 사용 방법
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
혹은 부트스트랩 무료 탬플릿 등 검색을 통해 사용하고자 하는 무료 탬플릿을 다운받는다.
받은 자료를 복사 하여 resource 아래에 복사 후 사용
반응형