[Bootstrap] 부트 스트랩 사용방법

부트스트랩사용방법

웹 페이지를 만들 때는 html이라는 뼈 대위에 CSS라는 외형을 입혀주게 되는데 이 CSS를 만들어서 모아놓은 곳이 Bootstrap입니다.

 

사용 방법은 간단합니다.

먼저 부트 스트랩으로 들어가서 스타터 템플릿을 복사하여 줍니다. 

해당 템플릿은 밑의 링크에서 찾을 수 있으며 Bootstrap - Getting started에서 찾을 수 있습니다.

[Bootstrap] 부트스트랩 바로가기

Introduction

html 파일에 해당 템플릿 내용을 추가시켜주고 부트 스트랩에서 원하는 이미 만들어진 CSS 코드를 찾아서 추가시키면 되겠습니다.

부트스트랩스타터템플릿_출처:부트스트랩

해당 코드는 스타터 템플릿의 body 태그 안에 추가시켜 주면 됩니다.

 

버튼을추가시켜본모습

스타터 템플릿의 코드는 간단하게 부트스트랩에서 정의해 놓은 클래스를 별도의 정의 없이 사용할 수 있게 해주는 역할을 한다고 생각하면 됩니다.

css파일, js, Jquery, cdn링크 등을 추가하여 별도의 추가 작업 없이 부트스트랩의 코드를 바로 사용이 가능하게 만들어 줍니다.