트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다.
Acc-wizard
부트스트랩의 어코디언을 이용한 위자드(마법사)를 만들 수 있는 플러그인입니다. 이를 응용해서 쇼핑몰의 결제 단계별 과정이나 프로그램의 설치과정, 튜토리얼을 만들 수 있습니다.
프로그램 사이트: https://github.com/sathomas/acc-wizard
데모 사이트: http://sathomas.me/acc-wizard/#prerequisites
bootstrap-lightbox
이미지를 클릭하면 큰 이미지의 팝업창이 나오는 라이트 박스입니다.
프로그램 사이트: https://github.com/jbutz/bootstrap-lightbox
데모사이트: http://jbutz.github.com/bootstrap-lightbox/
Bootstrap-Image-Gallery
이미지 갤러리를 만들 수 있는 플러그인입니다.
프로그램 사이트: https://github.com/blueimp/Bootstrap-Image-Gallery
데모사이트: http://blueimp.github.com/Bootstrap-Image-Gallery/
Tocify
제목 태그를 목록화해서 목차를 자동으로 만들어주며 스크롤해서 내릴 경우 해당 목차가 나타나고 목차를 클릭하면 해당 컨텐트로 애니메이션 되면서 이동합니다.
프로그램 사이트: https://github.com/gfranko/jquery.tocify.js
데모사이트: http://gregfranko.com/jquery.tocify.js/
Bootstrap-Arrows
부트스트랩 디자인 형태의 화살표를 만듭니다.
프로그램 사이트: https://github.com/iarfhlaith/Bootstrap-Arrows
데모사이트: http://bootstrap-arrows.iarfhlaith.com/