"트위터 부트스트랩: 디자이너도 놀라워할 매끈하고 직관적인 웹 사이트 제작의 비밀" 책 소스코드
1장첨부파일.zip
부트스트랩(0318)_단면(4장).pdf2013.3.17일 현재 부트스트랩 3.0 버전
2013.9.27일 현재 부트스트랩 3.0 버전
압축을 풀고 _gp_pages 폴더에 들어가서 index.html 파일을 선택하면 브라우저에 바로 열립니다.
참고 사이트
서적 웹사이트 : http://twitter-bootstrap.kr/
2.0 버전으로 디자인하기 : http://twitter-bootstrap.kr/bootstrap-demo/
3.0 버전으로 디자인하기 : http://twitter-bootstrap.kr/bootstrap-demo2/
위 3.0 버전 데모 사이트는 3월 17일 현재 버전으로 디자인 한 것입니다. 부트스트랩 관련 플러그인이 업데이트되는 대로 최신 버전으로 재디자인해서 업로드하겠습니다.
부트스트랩 3.0 버전 : http://twbs.github.io/bootstrap/
책에서 사용된 링크의 변경
책에서 사용된 링크는 부트스트랩 프로젝트가 변경되면서 수시로 변경될 수 있습니다. 예를들어 트위터 부트스트랩 2.0 버전의 홈페이지로 가는 링크는 http://twitter.github.com/bootstrap/ 로 돼있지만 부트스트랩이 3.0 버전으로 바뀌면서 2.0의 버전 홈페이지도 URL이 http://getbootstrap.com/2.3.2/로 변경됐습니다. 이처럼 수시로 변경되니 링크가 안되면 언제든 질문 주세요.
부트스트랩 2.3.2 버전 내려받는 사이트 : https://github.com/twbs/bootstrap/tree/v2.3.2
플러그인 업데이트시 구버전 내려받는 방법
책에서 사용된 부트스트랩 플러그인들은 항상 업데이트 됩니다. 그러니 책대로 안될 경우 플러그인 홈페이지에서 파일 내용을 점검해야 합니다. 부트스트랩 관련 플러그인이 업데이트 되면 책에서 사용한 것과 다르므로 제대로 표현되지 않을 수도 있습니다. 대부분의 프로젝트는 깃허브에서 운용되므로 해당 프로젝트의 페이지에서 구버전을 내려받아 사용할 수 있습니다.
책에서 사용된 이미지 갤러리 플러그인은 아래의 링크로 가면 있습니다.
https://github.com/blueimp/Bootstrap-Image-Gallery
branch master 버튼을 클릭하고 Tag 탭을 선택한 다음 2.10.1버전을 선택하면 화면 내용이 바뀝니다. 우측의 사이드바에서 Download Zip 버튼을 클릭해서 파일을 내려 받습니다.
책에서는 경로를 직접 사용했는데 경로도 바뀌었으므로 파일을 직접 링크합니다.
260페이지에서 아래의 링크를 수정합니다.
<script src="http://blueimp.github.com/JavaScript-Load-Image/load-image.min.js"></script>
위 링크를 아래의 링크로 수정
<script src="js/load-image.js"></script>
내려받은 파일에서 압축을 풀고 load-image.js 파일을 js 폴더에 붙여넣으면 완료입니다.
