부트스트랩(bootstrap)

http://benant.wordpress.com/2013/03/19/bootstrap%EC%9D%B4%EB%9E%80%EA%B1%B8-%EA%B3%B5%EB%B6%80-%ED%95%B4%EB%B4%90%EC%95%BC-%EA%B2%A0%EC%8A%B5%EB%8B%88%EB%8B%A4/

공식웹사이트: http://twitter.github.com/bootstrap/

생활코딩(한글 동영상설명): http://opentutorials.org/course/477

"트위터 부트스트랩: 디자이너도 놀라워할 매끈하고 직관적인 웹 사이트 제작의 비밀" 책 소스코드

http://martian36.tistory.com/1134

< Bootstrap 강좌 >

http://insnote.com/xe/kkang/204

< Bootstrap Getting Started >

http://getbootstrap.com/getting-started/

3.0 버전으로 디자인하기 : http://twitter-bootstrap.kr/bootstrap-demo2/

< 부트스트랩3 한글 번역 페이지 >

http://bootstrapk.com/BS3/

http://helloworld.naver.com/helloworld/67876

http://www.justasua.com/archives/148

http://maczniak.github.io/bootstrap/index.html (bootstrap 사용법이 한글로 되어 있다)

< Pingendo - The simplest app to prototype with Twitter Bootstrap 3. For free. >

http://www.pingendo.com/

< Bootstrap Theme >

http://bootswatch.com/simplex/

http://builtwithbootstrap.com/

< Bootstrap Dropdown with Hover >

- Bootstrap을 사용하는 코드에서 마우스 클릭 시 Dropdown 메뉴가 펼쳐지는데, Mouse Hover 시에 Dropdown 메뉴가 펼쳐지게 바꾸는 방법.

http://stackoverflow.com/questions/16214326/bootstrap-dropdown-with-hover

.dropdown:hover .dropdown-menu {

    display: block;

 }

 

.dropdown .dropdown-menu {

    display: none;

 }

css에서 이렇게 했더니 모바일(아이폰 사파리 브라우저)로 봤을때 Dropdown이 닫히고 나서 DropDown 메뉴 밑에 하얀 bar가 남는 문제가 있어서, 아래와 같이 JavaScript 로 처리했다.

/* Dropdown 이 Mouse Click 시에만 보이는게 아니라 Mouse Hover 시에도 보이도록 함. */

$(function(){

    $('.dropdown').hover(function() {

        $(this).addClass('open');

    }, function() {

        $(this).removeClass('open');

    });

});

< Bootstrap navbar(네비게이션바)의 색깔을 바꾸는 방법 >

http://stackoverflow.com/questions/18529274/change-navbar-color-in-twitter-bootstrap-3

default로 light 한 것과 dark 한 것 2종류가 있는데, css를 수정해서 색을 바꿀 수도 있고,

아니면 네비게이션 바를 자신이 직접 만든 것으로 사용해도 된다. (다른 bootstrap 코드에 영향을 주지 않으면서)

< code academy - bootstrap 배워보기 >

http://www.codecademy.com/skills/make-a-website?utm_source=Sailthru&utm_medium=email&utm_term=Codecademy&utm_campaign=LTP%20Notification

Bootstrap 3 Tutorial

http://www.w3schools.com/bootstrap/default.asp