[Bootstrap] 부트스트랩 설치 시작하기 및 사용법(CDN방식)

 

 

1) 부트스트랩이란?

 

- 프론트엔드 컴포넌트 라이브러리

- 메뉴, 대문, 폼, 버튼 등의 HTML CSS를 복붙식으로 개발할 수 있게 도와줌

- 빠른 웹개발이 가능

​

​

2) 설치방법

CDN 방식으로 빠르게 Bootstrap을 설치하는 방법

① 부트스트랩 홈페이지로 들어간다.

https://getbootstrap.com/

Bootstrap

The most popular HTML, CSS, and JS library in the world.

getbootstrap.com

​

​

② Get started 클릭!

​

​

​

③ 오른쪽 상단에서 필요한 버전을 선택

​

​

​

④ 중간 쯤에 Starter template 이라는 부분에 있는 코드를 HTML 파일에 전부 복사붙여넣기

​

​

​

⑤ 완성

​

​

3) 사용법

- 원하는 디자인을 검색해서 복사하고 파일에 붙여넣기 하면 됨

- 반드시 사이트 오른쪽 상단에 본인이 설치한 버전을 클릭한 후에 검색할 것!!

​

① 사이트에서 원하는 디자인 검색하기

​

② 원하는 디자인을 찾아서 코드 복사하기

​

③ 파일에 붙여넣고 저장하면 끝

​