Bootstrap docs pack 설치설명서

10
Bootstrap Site Package 설설 설설설 2013.03.11 설설설 설설설 rb_package_bootstrap_docs.zip

description

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

Transcript of Bootstrap docs pack 설치설명서

Page 1: Bootstrap docs pack 설치설명서

Bootstrap Site Package 설치 설명서

2013.03.11

킴스큐 운영팀

rb_package_bootstrap_docs.zip

Page 2: Bootstrap docs pack 설치설명서

참고사항• 본 패키지는 kimsQ rb 1.2.1 에서 bootstrap 을 사용하기 위한

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

모듈은 bootstrap 에 최적화 되 있지 않습니다 .

Page 3: Bootstrap docs pack 설치설명서

패키지 구성요소

• /layouts/bootstrap_docs• /switchs/head/bootstrap• /switchs/head/favicon_touch• /switchs/foot/bootstrap• /switchs/foot/bootstrap-docs• /pages/*

1 개의 레이아웃 (layout) 과 4 개의 스위치 (switch) 그리고 페이지와 메뉴로 구성되어 있습니다 .

Page 4: Bootstrap docs pack 설치설명서

1

2

3 4

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

설치 순서 1

Page 5: Bootstrap docs pack 설치설명서

1

2

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

설치 순서 2

Page 6: Bootstrap docs pack 설치설명서

설치 순서 3

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

1

2

Page 7: Bootstrap docs pack 설치설명서

1

1. [ 스위치 ] 링크를 클릭합니다 .2. jQuery CDN 스위치를 켭니다 . ( 눈아이콘 클릭 )

화면 출력이 제대로 안된다면[ 스위치 ] 를 점검해보세요

2

설치 순서 4

Page 8: Bootstrap docs pack 설치설명서

데스크탑 접속화면

http://twitter.github.com/bootstrap/

Bootstrap 공식사이트와 동일

Page 9: Bootstrap docs pack 설치설명서

IPhone 접속화면 iPad 접속화면

Page 10: Bootstrap docs pack 설치설명서

감사합니다 .

• 제작 : 킴스큐 운영팀