부트스트랩 개요

Bootstrap

1. Bootstrap.css를 불러오고 해당 파일에 정의된 버튼, 레이아웃 등을 가져와서 사용
2. 클래스로 간단하게 가져와 사용 가능
3. 트위터에서 개발

Bootstrap

https://www.bootstrapcdn.com/ 에 들어가 CDN 주소를 복사해 작업하는 파일에 적용한다. 따로 스타일을 작성하지 않아도 부트스트랩이 제공하는 클래스를 적용하면 그대로 반영이 된다. 다운받아 사용 가능.

<a class="btn btn-default">버튼</a>
<a class="btn btn-danger">버튼</a>

3와 4의 차이

• CSS와 화면 그리드에서 px에서 em으로 단위 변경
• IE8 이하 버전 지원 종료

3을 쓰는 이유

• 관리자 페이지 템플릿
• 위지윅 에디터

레이아웃

한줄에 12개의 그리드가 있다.

화면 사이즈	표현
768px보다 작을 때	col-xs
768px보다 클 때	col-sm
970px보다 클 때	col-md
1170px보다 클 때	col-lg

---

REFERENCE
패스트 캠퍼스 온라인 강의 Bootstrap _ 박준영 강사님