[CSS] Bootstrap Tutorial #1 - download & setup

CSS, Bootstrap Tutorial #1 - download & setup

Download and understand file structures

다운로드

https://github.com/twbs/bootstrap/archive/v3.0.0.zip

메인 css 파일인 bootstrap.css 와 bootstrap-min.css 은 dist/css 에 들어있다.

메인 js 파일인 bootstrap.js 와 bootstrap-min.js 는 dist/js 에 들어이다.

root 에 있는 js 폴더는 다른 js plug-in 들이다.

asset/js 폴더에는 html5shiv.js 와 respond.min.js 가 들어있다.

이것들은 IE8 을 support 하는 녀석들이다.

asset/js 에는 jquery.js 가 있는데 plug-in 들이 이 녀석을 참조한다.

asset/ico 에는 아이콘, 파비콘들이 들어있다.

asset/css 에는 documentation 을 위한 css 들이 들어있다.

root 의 _includes 와 _layouts 에는 prototype 하기 쉬운 기본 layout structure 파일들이 들어있다.

root 의 less 폴더에는 .less 파일들이 있는데, less 기반 개발을 할때 유용하다.

root 에는 기타 파일들이 있는데, 그 중 몇 html 파일들은 기본 prototyping 을 위한 녀석들이고, bower.json, browserstack.json 은 bower 기반 컴파일을 할 때 사용된다.

다운로드 하는 방법도 있지만, 모든 css 와 js 파일들을 아래 명령어로 컴파일 할수도 있고,

$ bower install bootstrap

git 으로 clone 할수도 있다.

$ git clone git://github.com/twbs/bootstrap.git 

NetDNA 는 컴파일되고, 미니어쳐화된 bootstrap css, js, optional theme css 등을 제공한다.

다음과 같이 include 할 수 있다.

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

.less, asset/js, bootstrap, bootstrap-min.css, bootstrap-min.js, bootstrap.css, bootstrap.js, bower, bower.json, browserstack.json, css, dist, dist/css, dist/js, documentation, download, favicon, GIT, href, html5shiv.js, ico, IE8, install, javascript, jquery.js, js, less, Link, plug-in, prototype, Prototyping, REL, respond.min.js, root, script, setup, stylesheet, [CSS] Bootstrap Tutorial #1 - download & setup, _includes, _layouts, 파비콘