bootstrap 캐러셀(carousel) pack 설치설명서 0311
TRANSCRIPT
![Page 1: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/1.jpg)
Bootstrap Site Package 설치 설명서
2013.03.11
킴스큐 운영팀
rb_package_bootstrap_ex_carousel.zip
![Page 2: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/2.jpg)
참고사항• 본 패키지는 kimsQ rb 1.2.1 에서 bootstrap 을 사용하기 위한
최적의 개발 환경을 제공하는 것을 목적으로 합니다 .• 현재 운영 중이거나 , 개발중인 환경에 절대 설치하지 마십시오• 신규로 kimsQ Rb 1.2.1 을 설치한 후 본 패키지를 설치해 주세요• 패키지 설치 후엔 , jQuery CDN 스위치를 켜주세요• 현재 , 킴스큐 기본 로그인 , 회원가입 , 마이페이지 , 게시판 등의 기본
모듈은 bootstrap 에 최적화 되 있지 않습니다 .
![Page 3: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/3.jpg)
패키지 구성요소
• /layouts/bootstrap_carousel• /switchs/head/bootstrap• /switchs/head/favicon_touch• /switchs/foot/bootstrap• /pages/*
1 개의 레이아웃 (layout) 과 4 개의 스위치 (switch) 그리고 페이지와 메뉴로 구성되어 있습니다 .
![Page 4: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/4.jpg)
1
2
3 4
1. [+] 아이콘을 클릭하여 패키지설치 메뉴로 이동합니다 .2. 패키지 탭을 선택합니다 .3. [ 찾아보기 ] 버튼을 클릭하여 rb_package_bootstrap_docs.zip 을 선택합니다 .4. [ 등록하기 ] 버튼을 클릭합니다 .
설치 순서 1
![Page 5: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/5.jpg)
1
2
1. 패키지를 설치할 사이트를 선택 합니다 . ( 사이트 신규 생성 후 적용해 주세요 )2. [ 패키지 적용하기 ] 버튼을 클릭 합니다 .
설치 순서 2
![Page 6: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/6.jpg)
설치 순서 3
1. 반응형 웹을 지원하므로 , 화면과 같이 설정해 주세요2. DTD 형식을 html5 로 설정해 주세요
1
2
![Page 7: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/7.jpg)
1
2
1. [ 스위치 ] 링크를 클릭합니다 .2. jQuery CDN 의 눈모양 아이콘을 클릭하여 스위치를 켭니다 .
화면 출력이 제대로 안된다면[ 스위치 ] 를 점검해보세요
설치 순서 4
![Page 8: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/8.jpg)
Desktop 접속화면
http://twitter.github.com/bootstrap/examples/carousel.html
![Page 9: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/9.jpg)
iPhone 접속화면 iPad 접속화면
![Page 10: Bootstrap 캐러셀(carousel) pack 설치설명서 0311](https://reader036.vdocuments.pub/reader036/viewer/2022082420/5588f873d8b42af3678b45a7/html5/thumbnails/10.jpg)
감사합니다 .
• 제작 : 킴스큐 운영팀