1. Bootstrap 이란?, 기본적인 사용법

Bootstrap 이란 ?

 

  스마트폰, pc, 테블릿 딩 다양한 크기의 화면에 대응할 수 있는 툴킷이다. 웹 디자인에 자신이 없어도 손쉽게 이를 해결할 수 있게 해준다. 

 

 

 

기본적인 사용법 (CSS 적용)

 

  Bootstrap 공식 사이트에 접속후 다운로드 한다. (getbootstrap.com) 그 후 쓰고자 하는 버전을 클릭한 후 Compiled CSS and JS 목록의 다운로드 버튼을 눌러 압축파일을 다운로드 받는다. 

 

  미리 만들어둔 index.html 파일에 쓰기위해 압축파일 안에 있는 bootstrap.min.css 와 bootstrap.min.css.map 이 두개만 압축을 해제한 후 프로젝트 폴더안에 관리하기 쉽도록 따로 Bootstrap/css 폴더를 만든 후 집어넣는다.

 

  집어넣은 bootstrap.min.css 를 적용하기 위해 아래와 같이 입력한다. 

 

 

 

기본적인 사용법 (JS 적용)

 

  이렇게 웹사이트에서 바로 코드를 가져오는 방식을 CDN(Contents Delivery Network) 이라 한다. CDN 은 사람들이 자주 사횽하는 CSS 나 JS 파일 등을 모아둔 곳이라고 보면 된다. CDN에는 접속 지역에 따라 가까운 서버에서 해당 파일을 받을 수 있는 장점이 있다. 

 

 

  /body 부분 바로 위에 복사한 JS 코드를 붙여넣기 한다.