ݺߣ

ݺߣShare a Scribd company logo
Bootstrap Site Package 설치 설명서
     rb_package_bootstrap_docs.zip

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


•   /layouts/bootstrap_docs
•   /switchs/head/bootstrap
•   /switchs/head/favicon_touch
•   /switchs/foot/bootstrap
•   /switchs/foot/bootstrap-docs
•   /pages/*
설치 순서 1


                                       2


                              1




                                                    3        4




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




                               1




                           2


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




                1


                                     2




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

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

                                                     2




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




Bootstrap 공식사이트와
동일


http://twitter.github.com/bootstrap/
IPhone 접속화면   iPad 접속화면
감사합니다.
• 제작 : 킴스큐 운영팀

More Related Content

Viewers also liked (20)

Bootstrap starter pack on kimsQ 설치설명서
Bootstrap starter pack on kimsQ 설치설명서Bootstrap starter pack on kimsQ 설치설명서
Bootstrap starter pack on kimsQ 설치설명서
Gitaek kwon
Bootstrap signin pack 설치설명서 0311
Bootstrap signin pack 설치설명서 0311Bootstrap signin pack 설치설명서 0311
Bootstrap signin pack 설치설명서 0311
Gitaek kwon
Bootstrap 캐러셀(carousel) pack 설치설명서 0311
Bootstrap 캐러셀(carousel) pack 설치설명서 0311Bootstrap 캐러셀(carousel) pack 설치설명서 0311
Bootstrap 캐러셀(carousel) pack 설치설명서 0311
Gitaek kwon
Social Innovation Spark
Social Innovation Spark Social Innovation Spark
Social Innovation Spark
Spark
[Week14] D3.js_Scale and Axis
[Week14] D3.js_Scale and Axis[Week14] D3.js_Scale and Axis
[Week14] D3.js_Scale and Axis
neuroassociates
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
Manyoung Cho
꿈데디 D3.js강의 6주차
꿈데디 D3.js강의 6주차꿈데디 D3.js강의 6주차
꿈데디 D3.js강의 6주차
Songyi Lim
SK플래닛 M&C부문 D-spark #1 Intro & New Digital
 SK플래닛 M&C부문 D-spark #1 Intro & New Digital SK플래닛 M&C부문 D-spark #1 Intro & New Digital
SK플래닛 M&C부문 D-spark #1 Intro & New Digital
D:rink
[week17] D3.js_Tooltip
[week17] D3.js_Tooltip[week17] D3.js_Tooltip
[week17] D3.js_Tooltip
neuroassociates
[Week20] D3.js_Mapping
[Week20] D3.js_Mapping[Week20] D3.js_Mapping
[Week20] D3.js_Mapping
neuroassociates
[북리뷰] 데이터포인트 4장
[북리뷰] 데이터포인트 4장[북리뷰] 데이터포인트 4장
[북리뷰] 데이터포인트 4장
Newsjelly
[Week14] D3.js_Scale and Axis (보충자료)
[Week14] D3.js_Scale and Axis (보충자료)[Week14] D3.js_Scale and Axis (보충자료)
[Week14] D3.js_Scale and Axis (보충자료)
neuroassociates
Raphael.js로 SVG 차트 만들기
Raphael.js로 SVG 차트 만들기Raphael.js로 SVG 차트 만들기
Raphael.js로 SVG 차트 만들기
Ohgyun Ahn
[week16] D3.js_Transition
[week16] D3.js_Transition[week16] D3.js_Transition
[week16] D3.js_Transition
neuroassociates
[Week12] D3.js_Basic2
[Week12] D3.js_Basic2[Week12] D3.js_Basic2
[Week12] D3.js_Basic2
neuroassociates
[HeXathon] 발표자료 - 세모알
[HeXathon] 발표자료 - 세모알[HeXathon] 발표자료 - 세모알
[HeXathon] 발표자료 - 세모알
NAVER D2
꿈데디 D3.js강의 2주차
꿈데디 D3.js강의 2주차꿈데디 D3.js강의 2주차
꿈데디 D3.js강의 2주차
Songyi Lim
[Week15] D3.js_Scatter_Chart
[Week15] D3.js_Scatter_Chart[Week15] D3.js_Scatter_Chart
[Week15] D3.js_Scatter_Chart
neuroassociates
Spark labs 발표자료
Spark labs 발표자료Spark labs 발표자료
Spark labs 발표자료
VentureSquare
Bootstrap starter pack on kimsQ 설치설명서
Bootstrap starter pack on kimsQ 설치설명서Bootstrap starter pack on kimsQ 설치설명서
Bootstrap starter pack on kimsQ 설치설명서
Gitaek kwon
Bootstrap signin pack 설치설명서 0311
Bootstrap signin pack 설치설명서 0311Bootstrap signin pack 설치설명서 0311
Bootstrap signin pack 설치설명서 0311
Gitaek kwon
Bootstrap 캐러셀(carousel) pack 설치설명서 0311
Bootstrap 캐러셀(carousel) pack 설치설명서 0311Bootstrap 캐러셀(carousel) pack 설치설명서 0311
Bootstrap 캐러셀(carousel) pack 설치설명서 0311
Gitaek kwon
Social Innovation Spark
Social Innovation Spark Social Innovation Spark
Social Innovation Spark
Spark
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
Manyoung Cho
꿈데디 D3.js강의 6주차
꿈데디 D3.js강의 6주차꿈데디 D3.js강의 6주차
꿈데디 D3.js강의 6주차
Songyi Lim
SK플래닛 M&C부문 D-spark #1 Intro & New Digital
 SK플래닛 M&C부문 D-spark #1 Intro & New Digital SK플래닛 M&C부문 D-spark #1 Intro & New Digital
SK플래닛 M&C부문 D-spark #1 Intro & New Digital
D:rink
[북리뷰] 데이터포인트 4장
[북리뷰] 데이터포인트 4장[북리뷰] 데이터포인트 4장
[북리뷰] 데이터포인트 4장
Newsjelly
[Week14] D3.js_Scale and Axis (보충자료)
[Week14] D3.js_Scale and Axis (보충자료)[Week14] D3.js_Scale and Axis (보충자료)
[Week14] D3.js_Scale and Axis (보충자료)
neuroassociates
Raphael.js로 SVG 차트 만들기
Raphael.js로 SVG 차트 만들기Raphael.js로 SVG 차트 만들기
Raphael.js로 SVG 차트 만들기
Ohgyun Ahn
[HeXathon] 발표자료 - 세모알
[HeXathon] 발표자료 - 세모알[HeXathon] 발표자료 - 세모알
[HeXathon] 발표자료 - 세모알
NAVER D2
꿈데디 D3.js강의 2주차
꿈데디 D3.js강의 2주차꿈데디 D3.js강의 2주차
꿈데디 D3.js강의 2주차
Songyi Lim

Similar to Bootstrap docs pack 설치설명서 (20)

배포 프로세스_퀵스타트_20111027_엄준일
배포 프로세스_퀵스타트_20111027_엄준일배포 프로세스_퀵스타트_20111027_엄준일
배포 프로세스_퀵스타트_20111027_엄준일
준일 엄
JBoss EAP on Azure Workshop
JBoss EAP on Azure Workshop JBoss EAP on Azure Workshop
JBoss EAP on Azure Workshop
rockplace
[231]나는서버를썰터이니너는개발만하여라 양지욱
[231]나는서버를썰터이니너는개발만하여라 양지욱[231]나는서버를썰터이니너는개발만하여라 양지욱
[231]나는서버를썰터이니너는개발만하여라 양지욱
NAVER D2
2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx
ssuserf875e6
Spring boot + java 에코시스템 #1
Spring boot + java 에코시스템 #1Spring boot + java 에코시스템 #1
Spring boot + java 에코시스템 #1
SeungHa Eom
JBoss EAP on Azure
JBoss EAP on Azure JBoss EAP on Azure
JBoss EAP on Azure
rockplace
오픈소스 개발을 위한 Git 사용법 실습
오픈소스 개발을 위한 Git 사용법 실습오픈소스 개발을 위한 Git 사용법 실습
오픈소스 개발을 위한 Git 사용법 실습
BJ Jang
스프링캠프2014 - 즐거운 개발을 위한 스마트한 습관
스프링캠프2014 - 즐거운 개발을 위한 스마트한 습관스프링캠프2014 - 즐거운 개발을 위한 스마트한 습관
스프링캠프2014 - 즐거운 개발을 위한 스마트한 습관
Daekwon Kang
[GitSpace 1회 세미나] fastlane.pdf
[GitSpace 1회 세미나] fastlane.pdf[GitSpace 1회 세미나] fastlane.pdf
[GitSpace 1회 세미나] fastlane.pdf
Lee Dahae
CentOS 5.3에 Cubrid 설치 방법
CentOS 5.3에 Cubrid 설치 방법CentOS 5.3에 Cubrid 설치 방법
CentOS 5.3에 Cubrid 설치 방법
phpkorea
Virtual Development Environment Setting
Virtual Development Environment SettingVirtual Development Environment Setting
Virtual Development Environment Setting
Kwangyoun Jung
01.개발환경 교육교재
01.개발환경 교육교재01.개발환경 교육교재
01.개발환경 교육교재
Hankyo
Internship backend
Internship backendInternship backend
Internship backend
Yein Sim
메이븐 기본 이해
메이븐 기본 이해메이븐 기본 이해
메이븐 기본 이해
중선 곽
IBM Bluemix handson lab_DevOps_Target_Deploy_configutation_java_petclinic_v1.0
IBM Bluemix handson lab_DevOps_Target_Deploy_configutation_java_petclinic_v1.0IBM Bluemix handson lab_DevOps_Target_Deploy_configutation_java_petclinic_v1.0
IBM Bluemix handson lab_DevOps_Target_Deploy_configutation_java_petclinic_v1.0
Beomsik Kyle Kim
자바 웹프로젝트 개발환경 셋팅
자바 웹프로젝트 개발환경 셋팅자바 웹프로젝트 개발환경 셋팅
자바 웹프로젝트 개발환경 셋팅
Yoonsung Jung
Spring boot
Spring bootSpring boot
Spring boot
Hyosang Hong
How to build a web server on Linux.
How to build a web server on Linux.How to build a web server on Linux.
How to build a web server on Linux.
은석 김은석
도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman
Jae Sung Park
배포 프로세스_퀵스타트_20111027_엄준일
배포 프로세스_퀵스타트_20111027_엄준일배포 프로세스_퀵스타트_20111027_엄준일
배포 프로세스_퀵스타트_20111027_엄준일
준일 엄
JBoss EAP on Azure Workshop
JBoss EAP on Azure Workshop JBoss EAP on Azure Workshop
JBoss EAP on Azure Workshop
rockplace
[231]나는서버를썰터이니너는개발만하여라 양지욱
[231]나는서버를썰터이니너는개발만하여라 양지욱[231]나는서버를썰터이니너는개발만하여라 양지욱
[231]나는서버를썰터이니너는개발만하여라 양지욱
NAVER D2
2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx
ssuserf875e6
Spring boot + java 에코시스템 #1
Spring boot + java 에코시스템 #1Spring boot + java 에코시스템 #1
Spring boot + java 에코시스템 #1
SeungHa Eom
JBoss EAP on Azure
JBoss EAP on Azure JBoss EAP on Azure
JBoss EAP on Azure
rockplace
오픈소스 개발을 위한 Git 사용법 실습
오픈소스 개발을 위한 Git 사용법 실습오픈소스 개발을 위한 Git 사용법 실습
오픈소스 개발을 위한 Git 사용법 실습
BJ Jang
스프링캠프2014 - 즐거운 개발을 위한 스마트한 습관
스프링캠프2014 - 즐거운 개발을 위한 스마트한 습관스프링캠프2014 - 즐거운 개발을 위한 스마트한 습관
스프링캠프2014 - 즐거운 개발을 위한 스마트한 습관
Daekwon Kang
[GitSpace 1회 세미나] fastlane.pdf
[GitSpace 1회 세미나] fastlane.pdf[GitSpace 1회 세미나] fastlane.pdf
[GitSpace 1회 세미나] fastlane.pdf
Lee Dahae
CentOS 5.3에 Cubrid 설치 방법
CentOS 5.3에 Cubrid 설치 방법CentOS 5.3에 Cubrid 설치 방법
CentOS 5.3에 Cubrid 설치 방법
phpkorea
Virtual Development Environment Setting
Virtual Development Environment SettingVirtual Development Environment Setting
Virtual Development Environment Setting
Kwangyoun Jung
01.개발환경 교육교재
01.개발환경 교육교재01.개발환경 교육교재
01.개발환경 교육교재
Hankyo
Internship backend
Internship backendInternship backend
Internship backend
Yein Sim
메이븐 기본 이해
메이븐 기본 이해메이븐 기본 이해
메이븐 기본 이해
중선 곽
IBM Bluemix handson lab_DevOps_Target_Deploy_configutation_java_petclinic_v1.0
IBM Bluemix handson lab_DevOps_Target_Deploy_configutation_java_petclinic_v1.0IBM Bluemix handson lab_DevOps_Target_Deploy_configutation_java_petclinic_v1.0
IBM Bluemix handson lab_DevOps_Target_Deploy_configutation_java_petclinic_v1.0
Beomsik Kyle Kim
자바 웹프로젝트 개발환경 셋팅
자바 웹프로젝트 개발환경 셋팅자바 웹프로젝트 개발환경 셋팅
자바 웹프로젝트 개발환경 셋팅
Yoonsung Jung
How to build a web server on Linux.
How to build a web server on Linux.How to build a web server on Linux.
How to build a web server on Linux.
은석 김은석
도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman
Jae Sung Park

More from Gitaek kwon (20)

Rb1 소셜로그인-메뉴얼
Rb1 소셜로그인-메뉴얼Rb1 소셜로그인-메뉴얼
Rb1 소셜로그인-메뉴얼
Gitaek kwon
Xarc 소개와 미래- Introduction & Future
Xarc 소개와 미래- Introduction & FutureXarc 소개와 미래- Introduction & Future
Xarc 소개와 미래- Introduction & Future
Gitaek kwon
킴스큐 rb 20 사용자영역 스크린샷 들
킴스큐 rb 20 사용자영역 스크린샷 들킴스큐 rb 20 사용자영역 스크린샷 들
킴스큐 rb 20 사용자영역 스크린샷 들
Gitaek kwon
Kims qonazure 교육과정소개
Kims qonazure 교육과정소개Kims qonazure 교육과정소개
Kims qonazure 교육과정소개
Gitaek kwon
발표용 킴스큐 2012사업보고서
발표용 킴스큐 2012사업보고서발표용 킴스큐 2012사업보고서
발표용 킴스큐 2012사업보고서
Gitaek kwon
킴스큐 워크샵 2013년 1월 초대장
킴스큐 워크샵 2013년 1월 초대장킴스큐 워크샵 2013년 1월 초대장
킴스큐 워크샵 2013년 1월 초대장
Gitaek kwon
킴스큐 워크샵 2013-1 초대장
킴스큐 워크샵 2013-1 초대장킴스큐 워크샵 2013-1 초대장
킴스큐 워크샵 2013-1 초대장
Gitaek kwon
Rb vs wp 로드타임 성능비교
Rb vs wp 로드타임 성능비교Rb vs wp 로드타임 성능비교
Rb vs wp 로드타임 성능비교
Gitaek kwon
킴스큐 Live 소개- 김태형
킴스큐 Live 소개- 김태형킴스큐 Live 소개- 김태형
킴스큐 Live 소개- 김태형
Gitaek kwon
1.2.0 버전 발표회 ( 김성호 )
1.2.0 버전 발표회 ( 김성호 )1.2.0 버전 발표회 ( 김성호 )
1.2.0 버전 발표회 ( 김성호 )
Gitaek kwon
킴스큐 공공기관 구축사례 전남
킴스큐 공공기관 구축사례 전남킴스큐 공공기관 구축사례 전남
킴스큐 공공기관 구축사례 전남
Gitaek kwon
킴스큐- 2회 Kt클라우드데이 0904
킴스큐- 2회 Kt클라우드데이 0904킴스큐- 2회 Kt클라우드데이 0904
킴스큐- 2회 Kt클라우드데이 0904
Gitaek kwon
킴스큐 소개 - 서울웹컨퍼런스 2012
킴스큐 소개 - 서울웹컨퍼런스 2012킴스큐 소개 - 서울웹컨퍼런스 2012
킴스큐 소개 - 서울웹컨퍼런스 2012
Gitaek kwon
1회 킴스큐 사용자 컨테스트 본상 수상자명단
1회 킴스큐 사용자 컨테스트 본상 수상자명단1회 킴스큐 사용자 컨테스트 본상 수상자명단
1회 킴스큐 사용자 컨테스트 본상 수상자명단
Gitaek kwon
킴스큐Rb 원격업데이트 방법
킴스큐Rb 원격업데이트 방법킴스큐Rb 원격업데이트 방법
킴스큐Rb 원격업데이트 방법
Gitaek kwon
추가 도메인 연결하기
추가 도메인 연결하기추가 도메인 연결하기
추가 도메인 연결하기
Gitaek kwon
윈도우Vm ftp 설정하기
윈도우Vm ftp 설정하기윈도우Vm ftp 설정하기
윈도우Vm ftp 설정하기
Gitaek kwon
킴스큐스팍vm 신규신청
킴스큐스팍vm 신규신청킴스큐스팍vm 신규신청
킴스큐스팍vm 신규신청
Gitaek kwon
윈도우Vm 사용 일반
윈도우Vm 사용 일반윈도우Vm 사용 일반
윈도우Vm 사용 일반
Gitaek kwon
Rb1 소셜로그인-메뉴얼
Rb1 소셜로그인-메뉴얼Rb1 소셜로그인-메뉴얼
Rb1 소셜로그인-메뉴얼
Gitaek kwon
Xarc 소개와 미래- Introduction & Future
Xarc 소개와 미래- Introduction & FutureXarc 소개와 미래- Introduction & Future
Xarc 소개와 미래- Introduction & Future
Gitaek kwon
킴스큐 rb 20 사용자영역 스크린샷 들
킴스큐 rb 20 사용자영역 스크린샷 들킴스큐 rb 20 사용자영역 스크린샷 들
킴스큐 rb 20 사용자영역 스크린샷 들
Gitaek kwon
Kims qonazure 교육과정소개
Kims qonazure 교육과정소개Kims qonazure 교육과정소개
Kims qonazure 교육과정소개
Gitaek kwon
발표용 킴스큐 2012사업보고서
발표용 킴스큐 2012사업보고서발표용 킴스큐 2012사업보고서
발표용 킴스큐 2012사업보고서
Gitaek kwon
킴스큐 워크샵 2013년 1월 초대장
킴스큐 워크샵 2013년 1월 초대장킴스큐 워크샵 2013년 1월 초대장
킴스큐 워크샵 2013년 1월 초대장
Gitaek kwon
킴스큐 워크샵 2013-1 초대장
킴스큐 워크샵 2013-1 초대장킴스큐 워크샵 2013-1 초대장
킴스큐 워크샵 2013-1 초대장
Gitaek kwon
Rb vs wp 로드타임 성능비교
Rb vs wp 로드타임 성능비교Rb vs wp 로드타임 성능비교
Rb vs wp 로드타임 성능비교
Gitaek kwon
킴스큐 Live 소개- 김태형
킴스큐 Live 소개- 김태형킴스큐 Live 소개- 김태형
킴스큐 Live 소개- 김태형
Gitaek kwon
1.2.0 버전 발표회 ( 김성호 )
1.2.0 버전 발표회 ( 김성호 )1.2.0 버전 발표회 ( 김성호 )
1.2.0 버전 발표회 ( 김성호 )
Gitaek kwon
킴스큐 공공기관 구축사례 전남
킴스큐 공공기관 구축사례 전남킴스큐 공공기관 구축사례 전남
킴스큐 공공기관 구축사례 전남
Gitaek kwon
킴스큐- 2회 Kt클라우드데이 0904
킴스큐- 2회 Kt클라우드데이 0904킴스큐- 2회 Kt클라우드데이 0904
킴스큐- 2회 Kt클라우드데이 0904
Gitaek kwon
킴스큐 소개 - 서울웹컨퍼런스 2012
킴스큐 소개 - 서울웹컨퍼런스 2012킴스큐 소개 - 서울웹컨퍼런스 2012
킴스큐 소개 - 서울웹컨퍼런스 2012
Gitaek kwon
1회 킴스큐 사용자 컨테스트 본상 수상자명단
1회 킴스큐 사용자 컨테스트 본상 수상자명단1회 킴스큐 사용자 컨테스트 본상 수상자명단
1회 킴스큐 사용자 컨테스트 본상 수상자명단
Gitaek kwon
킴스큐Rb 원격업데이트 방법
킴스큐Rb 원격업데이트 방법킴스큐Rb 원격업데이트 방법
킴스큐Rb 원격업데이트 방법
Gitaek kwon
추가 도메인 연결하기
추가 도메인 연결하기추가 도메인 연결하기
추가 도메인 연결하기
Gitaek kwon
윈도우Vm ftp 설정하기
윈도우Vm ftp 설정하기윈도우Vm ftp 설정하기
윈도우Vm ftp 설정하기
Gitaek kwon
킴스큐스팍vm 신규신청
킴스큐스팍vm 신규신청킴스큐스팍vm 신규신청
킴스큐스팍vm 신규신청
Gitaek kwon
윈도우Vm 사용 일반
윈도우Vm 사용 일반윈도우Vm 사용 일반
윈도우Vm 사용 일반
Gitaek kwon

Bootstrap docs pack 설치설명서

  • 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 스위치를 켭니다. ( 눈아이콘 클릭 )
  • 9. IPhone 접속화면 iPad 접속화면
  • 10. 감사합니다. • 제작 : 킴스큐 운영팀