![[Bootstrap] 부트 스트랩 사용방법](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAl2J4%2FbtrgjGzJq6g%2FbfRTtNHB98fpkacZT6B651%2Fimg.jpg)
웹 페이지를 만들 때는 html이라는 뼈 대위에 CSS라는 외형을 입혀주게 되는데 이 CSS를 만들어서 모아놓은 곳이 Bootstrap입니다.
사용 방법은 간단합니다.
먼저 부트 스트랩으로 들어가서 스타터 템플릿을 복사하여 줍니다.
해당 템플릿은 밑의 링크에서 찾을 수 있으며 Bootstrap - Getting started에서 찾을 수 있습니다.
[Bootstrap] 부트스트랩 바로가기
Introduction
Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.
getbootstrap.com
html 파일에 해당 템플릿 내용을 추가시켜주고 부트 스트랩에서 원하는 이미 만들어진 CSS 코드를 찾아서 추가시키면 되겠습니다.
해당 코드는 스타터 템플릿의 body 태그 안에 추가시켜 주면 됩니다.
스타터 템플릿의 코드는 간단하게 부트스트랩에서 정의해 놓은 클래스를 별도의 정의 없이 사용할 수 있게 해주는 역할을 한다고 생각하면 됩니다.
css파일, js, Jquery, cdn링크 등을 추가하여 별도의 추가 작업 없이 부트스트랩의 코드를 바로 사용이 가능하게 만들어 줍니다.
'DevLog' 카테고리의 다른 글
| [Github_사용법] Pycharm에서 github로 PUSH하여 PULL REQUEST하기 (0) | 2021.10.17 |
|---|---|
| [Log]내일배움단 Making Challenge 프로젝트 개발일지 2일차 (0) | 2021.10.17 |
| [Log]내일배움단 Making Challenge 프로젝트 개발일지 1일차 (0) | 2021.10.16 |
| [Setting]웹 호스팅(WEB hosting)하는 방법 - GitHub (0) | 2021.09.01 |
| [Setting]HTML 코딩 실습환경 준비 - ATOM (0) | 2021.08.06 |