- 부트스트랩으로 반응형 웹을 구현해야 할 경우 그리드 시스템을 활용하여 구현한다. - .container 혹은 .container-fulid 클래스가 필요 (적절한 정렬과 패딩) - 그리드시스템에서 1행을 표현할때 row라는 클래스를 쓴다. - 그리드시스템에서 디바이스의 크기를 지정할때 lg, md, sm, xs로 지정이 가능하다. (예 : col-lg-*, col-md-*, col-sm-*, col-xs-*) - 그리드를 표현 하고자 할때 col-크기-값 형태로 표현 해야한다. - 1행 당 12열이다. - 예) 기입된 그리드 클래스가 md만 적힐 경우 lg 포함 적용 - 예) 기입된 그리드 클래스가 md만 적힐 경우 md 사이즈 이하 일 경우 12열로 자동 맞춤 - 1행을 표현하기위해 row 클래스를..

http://bootstrapk.com/components/#dropdowns 콤포넌트 · 부트스트랩 Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit. bootstrapk.com jsp 파일 생성 bootstrap03.jsp 클래스 구조 - html 구조에 대표 클래스와 옵션 클래스(접두사)의 구조로 ..

http://bootstrapk.com/components/ 콤포넌트 · 부트스트랩 Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit. bootstrapk.com 복사 후 class 에 삽입

1.bootstrap01.html 생성 2.bootstrap 환경 구성 3.bootstrap 환경 분리 bootstrap 외부에서 접근 못하게 숨기기 jsp:param include 파일에 파라미터 넘기기 특정 원하는 클래스 파일을 거쳐서 가도록 필터 콤포넌트 삽입 폴더경로 절대경로로 변경 - css, js, html 프레임 워크 - 3.x, 4.x 제이쿼리 필요(5버전은 제외) - bootstrap.min.css, bootstrap-theme.min.css, bootstrap.min.js 파일 필요 - 메타 정보 필요(ie 최신버전 선언, viewport 정보) - meta : 사이트의 정보(정의) 서술 - viewport : 디바이스 크기에 따라 보여지는 화면 설정을 할 수 있다. ( 모바일 웹 작업..