bootstrap starter pack on kimsq 설치설명서

10

Click here to load reader

Upload: gitaek-kwon

Post on 23-Jun-2015

1.754 views

Category:

Documents


3 download

DESCRIPTION

kimsQ Rb 1.2.1 환경에 최적화된 Bootstrap 사이트 샘플 입니다.

TRANSCRIPT

Page 1: Bootstrap starter pack on kimsQ 설치설명서

Bootstrap Site Package 설치 설명서

2013.03.11

킴스큐 운영팀

rb_package_bootstrap_starter.zip

Page 2: Bootstrap starter pack on kimsQ 설치설명서

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

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

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

Page 3: Bootstrap starter pack on kimsQ 설치설명서

패키지 구성요소

• layouts/bootstrap_starter• switchs/head/bootstrap• switchs/head/favicon_touch• switchs/foot/bootstrap

1 개의 레이아웃 (layout) 과 3 개의 스위치 (switch) 로 구성되어 있습니다 .

Page 4: Bootstrap starter pack on kimsQ 설치설명서

1

2

3 4

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

설치 순서 1

Page 5: Bootstrap starter pack on kimsQ 설치설명서

1

2

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

설치 순서 2

Page 6: Bootstrap starter pack on kimsQ 설치설명서

설치 순서 3

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

1

2

Page 7: Bootstrap starter pack on kimsQ 설치설명서

1

2

1. [ 스위치 ] 링크를 클릭합니다 .2. jQuery CDN 의 눈모양 아이콘을 클릭하여 스위치를 켭니다 .

확인사항

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

Page 8: Bootstrap starter pack on kimsQ 설치설명서

데스크탑 접속화면

Page 9: Bootstrap starter pack on kimsQ 설치설명서

IPhone 접속화면 iPad 접속화면

Page 10: Bootstrap starter pack on kimsQ 설치설명서

감사합니다 .

• 제작 : 킴스큐 운영팀