한빛출판네트워크

웹 개발자와 디자이너를 위한 웹 프레임워크, 부트스트랩!

『반응형 웹 개발을 위한 부트스트랩』은 트위터 개발자들이 만든 오픈소스 프레임워크인 부트스트랩에 대한 책이다. 부트스트랩에는 웹사이트에 사용되는 모든 요소에 대해 미리 만들어진 스타일시트가 있어 선택자만 삽입해도 자신만의 멋진 웹 디자인을 만들 수 있다. 다시 말해 어떤 스타일시트를 어떻게 만들어야 하는지 고민할 필요가 없게끔 해준다. 
이러한 장점으로 부트스트랩은 깃허브에서 최고의 인기를 누리고 있고 관련 프로젝트도 굉장히 많다. 이 책에서는 부트스트랩의 특징과 어떻게 부트스트랩으로 반응형 웹 사이트를 만들 수 있는지를 부트스트랩의 주된 기능을 실제 디자인 사례를 가지고 친절히 설명하고 있다. 또한, 부트스크랩과 같이 쓰면 좋은 Javascript/jQuery 플러그인의 사용 방법도 같이 설명하고 있다. 

이 책의 주요 특징은 다음과 같다.

① 웹 개발자를 위해 부트스트랩에서 주로 사용되는 기능을 실제 디자인 사례를 가지고 설명한다.
② 부트스트랩의 Javascript/jQuery 플러그인의 사용 방법을 설명한다.

대상 독자

• 반응형 웹을 개발하려는 웹 개발자 및 디자이너 
• 스크립트 작성이 어려워 템플릿 중심으로 반응형 웹 사이트를 제작하려는 실무자 

손 쉽게 만드는 반응형 웹, 부트스트랩으로 해보자.
부트스트랩은 반응형 웹사이트 제작을 위한 프론트-엔드 프레임워크다. 부트스트랩은 사용자가 원하는 대로 조정할 수 있기 때문에 웹 애플리케이션 프레임워크나 블로그 혹은 어떠한 CMS 애플리케이션에도 모두 적합하다. 부트스트랩에서 제공하는 HTML, CSS, 자바스크립트의 조합으로 많은 코드를 추가할 필요 없이 좋은 웹사이트를 손 쉽게 제작할 수 있다.
이 책은 HTML/CSS와 자바스크립트를 잘 다룰 수 있으며, 반응형 웹 사이트 제작이나 부트스트랩 자바스크립트 플러그인을 추가하는 방법, 혹은 이처럼 유명한 오픈 소스 프레임워크를 사용하여 웹사이트를 빠르게 제작하는 것에 대해 궁금한 사람들을 위한 책이다.

1장 부트스트랩 스캐폴딩 
    1.1 부트스트랩이란 무엇인가? 
    1.2 부트스트랩 파일 구조 
    1.3 기본 HTML 템플릿 
    1.4 글로벌 스타일 
    1.5 기본 그리드 시스템 
    1.6 가변적 그리드 시스템 
    1.7 컨테이너 레이아웃 
    1.8 반응형 디자인 

2장 부트스트랩 CSS 
    2.1 타이포그래피 
    2.2 코드 
    2.3 테이블 
    2.4 폼 
    2.5 버튼 
    2.6 이미지 
    2.7 아이콘 

3장 부트스트랩 레이아웃 구성요소 
    3.1 드롭다운 메뉴 
    3.2 버튼 그룹 
    3.3 드롭다운 메뉴의 버튼 
    3.4 내비게이션 요소 
    3.5 내비게이션 바 
    3.6 브레드크럼 
    3.7 페이지네이션 
    3.8 라벨 
    3.9 뱃지 
    3.10 타이포그래픽 요소 
    3.11 썸네일 
    3.12 알림 메시지 
    3.13 상태 바 
    3.14 미디어 오브젝트 
    3.15 기타 

4장 부트스트랩 자바스크립트 플러그인 
    4.1 개요 
    4.2 전환 
    4.3 모달 
    4.4 드롭다운 
    4.5 스크롤스파이 
    4.6 토글 탭 
    4.7 툴팁 
    4.8 팝오버 
    4.9 알림 
    4.10 버튼 
    4.11 콜랩스 
    4.12 캐러젤 
    4.13 타이프어헤드 
    4.14 어픽스 

5장 부트스트랩을 활용하기 
    5.1 GitHub 프로젝트 
    5.2 부트스트랩 사용자 정의화하기 
    5.4 Built with Bootstrap 
    5.5 결론