kimsQ Rb 1.2.1 환경에서 Bootstrap 을 활용하기 위한 샘플 패키지 입니다.

1. Bootstrap Site Package 설치 설명서
rb_package_bootstrap_docs.zip
2013.03.11
킴스큐 운영팀

2. 참고사항
• 본 패키지는 kimsQ rb 1.2.1 에서 bootstrap 을 사용하기 위한 최적
의 개발 환경을 제공하는 것을 목적으로 합니다.
• 현재 운영 중이거나, 개발중인 환경에 절대 설치하지 마십시오
• 신규로 kimsQ Rb 1.2.1 을 설치한 후 본 패키지를 설치해 주세요
• 패키지 설치 후엔, jQuery CDN 스위치를 켜주세요
• 현재, 킴스큐 기본 로그인, 회원가입, 마이페이지, 게시판 등의 기본
모듈은 bootstrap에 최적화 되 있지 않습니다.

3. 패키지 구성요소
1개의 레이아웃(layout) 과 4개의 스위치(switch) 그리고 페이지와 메뉴로 구성되어 있습니다.
• /layouts/bootstrap_docs
• /switchs/head/bootstrap
• /switchs/head/favicon_touch
• /switchs/foot/bootstrap
• /switchs/foot/bootstrap-docs
• /pages/*

4. 설치 순서 1
2
1
3 4
1. [+] 아이콘을 클릭하여 패키지설치 메뉴로 이동합니다.
2. 패키지 탭을 선택합니다.
3. [찾아보기] 버튼을 클릭하여 rb_package_bootstrap_docs.zip을 선택합니다.
4. [등록하기] 버튼을 클릭합니다.

5. 설치 순서 2
1
2
1. 패키지를 설치할 사이트를 선택 합니다. ( 사이트 신규 생성 후 적용해 주세요 )
2. [패키지 적용하기] 버튼을 클릭 합니다.

6. 설치 순서 3
1
2
1. 반응형 웹을 지원하므로 , 화면과 같이 설정해 주세요
2. DTD 형식을 html5로 설정해 주세요

7. 설치 순서 4
1
화면 출력이
제대로 안된다면
[스위치]를 점검해
보세요
2
1. [스위치] 링크를 클릭합니다.
2. jQuery CDN 스위치를 켭니다. ( 눈아이콘 클릭 )

8. 데스크탑 접속화면
Bootstrap 공식사이트와
동일
http://twitter.github.com/bootstrap/

9. IPhone 접속화면 iPad 접속화면

10. 감사합니다.
• 제작 : 킴스큐 운영팀