1. 그리드 CSS를 통해 가로 길이를 정해주면 그 가로 길이만큼 공간을 차지하게 됨 Bootstrap은 가로 한줄을 12등분하여 요소 하나의 비율을 정해 배치할 수 있도록 제공하고 있음 2. 기본 코드 3. 양식 col-scale-숫자 : 12칸 중 몇 칸을 차지할 것인지 설정 col-숫자 : 세로 방향으로 배치되지 않음 (BS3 지원 X) col-sm-숫자 : 576px 이하면 세로로 배치됨 (모바일용) col-md-숫자 : 768px 이하면 세로로 배치됨 col-lg-숫자 : 992px 이하면 세로로 배치됨 col-xl-숫자 : 1200px 이하면 세로로 배치됨 4. 예제 col-6 aaa bbb col-sm-6

1. Bootstrap Framework란 무엇인가? 트위터에서 시작된 jQuery 기반의 HTML5 웹 프레임워크 트위터에서 사용하던 각종 레이아웃, 버튼, 입력 요소 등 UI 요소들을 누구나 사용할 수 있도록 만들어진 오픈 소스 프레임워크 2. 개발환경 JDK 15 Apache Tomcat 9.0.56 Eclipse 4.21 Bootstrap 4 3. 테스트 예제 구축 3.1 이클립스 IDE -> File -> New -> Dynamic Web Project -> Project Name : BootstrapBasic -> 프로젝트 생성 3.2 Server 생성 : Server -> New -> Server -> Apache -> Tomcat v9.0 Server 선택 -> Apache Tomcat 디..