Bootstrap 3.3.7 | Bootstrap 기본 | Bootstrap 파일 구성


Bootstrap 배포 파일은 Zip 압축되어 있고, 압축을 풀면 필요한 파일들이 폴더별로 정리되어 있다.

이 폴더는 사실 Bootstrap의 Web 어플리케이션의 기본적인 파일 구성 그대로 되어있다. 알기 쉽게 말하자면, 이 폴더에 Bootstrap 사용할 HTML 파일을 배치하고, 폴더마다 Web 서버에 접속하면 그대로 Web 어플리케이션으로 동작하게 되어 있다.

Boostrap 다운로드

gitbub에서 다운로드 받는다.
https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip

혹은, 다음 링크에서 Boostrap을 다운로드 받는다.
http://getbootstrap.com/getting-started/

이 Bootstrap 폴더는 아래와 같은 형태로 되어 있다.

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

보면 알 수 있듯이, 스타일 시트(style sheet), 글꼴(font), JavaScript의 3가지가 각각 정리되어 있다. “css"폴더와 “js"폴더 안에는 같은 파일명으로 “min"가 붙여 있는 것과 붙어 있지 않은 것이 준비되어 있다(bootstrap.css과 bootstrap.min.css 등). 이것은 사실 내용은 동일하다. min이 붙은 것은 붙지 않은 것을 최소 크기로 압축한 것이다. 실제로 하나만 있어도 된다.

그리고, 이것이 Bootstrap에 필요한 모든 파일이 아니기 때문에 주의하자. 이 밖에 또 필요한 것이 있다. 그것은 “jQuery"이다.

Bootstrap에서는 jQuery를 이용하고 있지만, 이 파일은 jQuery 본체는 포함되지 않는다. 아무튼, 샘플 등에는 jQuery는 CDN을 이용하여 읽을 수 있게 되어 있기 때문에 준비하지 않아도 사용할 수 있지만, 만약 “CDN을 사용하지 않고 모든 파일을 자신의 사이트에 제공하고 싶다"생각한다면, jQuery 스크립트 파일을 다운로드"js “폴더에 저장한다.

jQuery 다운로드

https://jquery.com/download/