본문 바로가기
프로그래밍 놀이터/Web

[CSS] Bootstrap Tutorial #1 - download & setup

by 돼지왕 왕돼지 2014. 2. 8.
반응형


 CSS, Bootstrap Tutorial #1 - download & setup

 



Download and understand file structures


다운로드

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


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


메인 js 파일인 bootstrap.jsbootstrap-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>







반응형

'프로그래밍 놀이터 > Web' 카테고리의 다른 글

[CSS] Bower 가 무엇인가?  (0) 2014.02.14
[CSS] Less 란 무엇인가?  (0) 2014.02.10
MYSQL TUtorial #1 웹 데이터베이스 만들기  (0) 2014.01.21
[PHP Tutorial] 예외처리.  (0) 2014.01.06
[PHP] File Manipulation Tutorial  (0) 2013.12.30

댓글0