부트스트랩의 그리드 시스템은 반응형으로 동작하므로, 반응형 화면을 설계할 때 부트스트랩의 그리드 시스템을 이용하면 수월하다. 부트스트랩의 그리드 시스템에서는 가로 전체를 12칸으로 가정한다. 이 12칸을 이용해서 모바일화면, 태블릿화면, PC화면 등 해상도에 따라 어떻게 공간을 차지할지에 대해 정의를 할 수가 있다. 기본 예) 왼쪽영역 가운데영역 오른쪽영역 ( 위 예에서는 경계선을 주어(border 클래스) 눈으로 확인하기 쉽게 하였다. ) 전체를 div.row 로 감싸고 그 안에 위와 같이 div로 영역을 정의한다. 부여된 클래스의 의미는 다음과 같다. col-숫자 : 숫자에는 1부터 12까지의 숫자가 들어갈 수 있다. 전체 12중에서 지정된 숫자만큼의 가로폭을 가지게 된다. 위 예는 2칸씩의 공간을 ..
