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