더북(TheBook)

4.3 부트스트랩 패키지 추가

이제 미티어 패키지 시스템을 이용하여 트위터 부트스트랩을 프로젝트에 추가해보자. 부트스트랩을 이용해 앞서 작성한 테이블의 디자인을 개선해보자.

노트 부트스트랩

부트스트랩(Bootstrap)은 트위터에서 만든 CSS 프레임워크다.

이 프레임워크는 다양한 UI 컴포넌트(아이콘, 버튼, 내비게이션 등)와 제이쿼리를 통한 모달 팝업, 툴팁, 팝오버, 드롭다운 등 다양한 자바스크립트 컴포넌트를 제공한다. 공식 사이트(http://getbootstrap.com)에서 받을 수 있으며 사용법도 배울 수 있다. 또한, http://bootstrapk.com에서 한국어 자료를 참조할 수도 있다. 미티어를 사용한다면 콘솔에서 부트스트랩을 패키지로 간단하게 추가할 수 있으므로 공식 사이트에서는 매뉴얼만 참조하자.

 

060_2

▲ 그림 4-9 트위터 부트스트랩 사이트

 

그림 4-10과 같이 명령을 실행하면 주소록 프로젝트 전체에서 트위터 부트스트랩 3를 사용할 수 있다.

061

▲ 그림 4-10 트위터 부트스트랩 설치

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.