Bootstrap signin pack 설치설명서 0311

11
Bootstrap Site Package 설설 설설설 2013.03.11 설설설 설설설 rb_package_bootstrap_signin.zip

Transcript of Bootstrap signin pack 설치설명서 0311

Page 1: Bootstrap signin pack 설치설명서 0311

Bootstrap Site Package 설치 설명서

2013.03.11

킴스큐 운영팀

rb_package_bootstrap_signin.zip

Page 2: Bootstrap signin pack 설치설명서 0311

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

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

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

Page 3: Bootstrap signin pack 설치설명서 0311

패키지 구성요소

• /layouts/bootstrap_signin• /switchs/head/bootstrap• /switchs/head/favicon_touch• /switchs/foot/bootstrap• /pages/main.php

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

Page 4: Bootstrap signin pack 설치설명서 0311

1

2

3 4

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

설치 순서 1

Page 5: Bootstrap signin pack 설치설명서 0311

1

2

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

설치 순서 2

Page 6: Bootstrap signin pack 설치설명서 0311

설치 순서 3

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

1

2

Page 7: Bootstrap signin pack 설치설명서 0311

1

2

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

설치 순서 4

Page 8: Bootstrap signin pack 설치설명서 0311

Desktop 접속화면

로그인 전 로그인 후

Page 9: Bootstrap signin pack 설치설명서 0311

iPhone 접속화면

로그인 전 로그인 후

Page 10: Bootstrap signin pack 설치설명서 0311

iPad 접속화면

로그인 전 로그인 후

Page 11: Bootstrap signin pack 설치설명서 0311

감사합니다 .

• 제작 : 킴스큐 운영팀