4.3 부트스트랩 패키지 추가
이제 미티어 패키지 시스템을 이용하여 트위터 부트스트랩을 프로젝트에 추가해보자. 부트스트랩을 이용해 앞서 작성한 테이블의 디자인을 개선해보자.
노트 부트스트랩
부트스트랩(Bootstrap)은 트위터에서 만든 CSS 프레임워크다.
이 프레임워크는 다양한 UI 컴포넌트(아이콘, 버튼, 내비게이션 등)와 제이쿼리를 통한 모달 팝업, 툴팁, 팝오버, 드롭다운 등 다양한 자바스크립트 컴포넌트를 제공한다. 공식 사이트(http://getbootstrap.com)에서 받을 수 있으며 사용법도 배울 수 있다. 또한, http://bootstrapk.com에서 한국어 자료를 참조할 수도 있다. 미티어를 사용한다면 콘솔에서 부트스트랩을 패키지로 간단하게 추가할 수 있으므로 공식 사이트에서는 매뉴얼만 참조하자.
▲ 그림 4-9 트위터 부트스트랩 사이트
그림 4-10과 같이 명령을 실행하면 주소록 프로젝트 전체에서 트위터 부트스트랩 3를 사용할 수 있다.
▲ 그림 4-10 트위터 부트스트랩 설치