부트스트랩(Bootstrap)

-부트스트랩은 웹페이지를 만드는데 필요한 버튼, 그리드, 폼과 같은 다양한 구성요소를 사용자에게 제공해주는 웹 UI 프레임워크다. 

-트위터 개발자인 Mark Otto와  Jacop Thornton이 개발함

-일관된 UI를 유지하여 개발하는데 필요한 부담을 크게 덜어줌

-크로스 브라우징(다양한 브라우저에서 동일한 인터페이스를 유지하는 것) 에 대한 해결도 비교적 손쉽게 처리 가능

-버전은 2.x 버전과 3.0버전이 있음

  -2.x 버전은 데스크탑 환경에서의 처리가 중심이고, 모바일 환경을 위해 반응형 웹 스타일 시트를 추가하는 형식, ie 9 이하 버전에 대한 지원을 번거롭긴 해도 ie 핵 등을 이용해 사용 가능하였음

 -3.x 에서는 모바일을 우선으로 지원하는 형태. 비표준 웹  브라우저는 지원하지 않음

* 부트스트랩 설치 방법

1. http://getbootstrap.com에 접속

customize 클릭    

나오는 많은 선택중에 적당히 필요한 걸 고르기..

다운로드 버튼 클릭!!

 Zip 파일로 다운 된 걸 알 수 있음

아래는 압축 해제한 모습

- 이 중에  css 폴더 밑에 bootstrap.min.css 파일과 bootstrap.min.js 파일을 static/css폴더와 static/jss 폴더로 복사(flask 설정 기준)

(min 이 붙은 파일은 불필요한 요소와 공백을 제거하고 변수명을 조절하여 파일 용량을 최소한 것임)

이클립스에서 dynamic project 생성한 경우에는 WebContent 및에 css, js 폴더를 위치시키고 

css 밑에 bootstrap.min.css, js 밑에 bootstrap.min.js를 위치 시키면 된다~