■ Bootstrap - Grid System Bootstrap에서는 반응형 웹 페이지를 쉽게 만들도록 도와줍니다. 그리드 시스템은 웹 페이지를 최대 12컬럼으로 나누어 배열할 수 있도록 도와줍니다. 특히 웹 페이지의 크기에 따라 (모바일, 태블릿, pc 등) 반응형으로 동작하게 해줍니다. 그렇다면 Grid System을 어떻게 사용하는지 정리하겠습니다. ● 컬럼 종류 그리드 시스템에는 기본적으로 4가지 종류의 컬럼이 있습니다. 그리고 보통 이는 태그를 사용하여 표현하게 됩니다. 먼저 4개 컬럼부터 보겠습니다. 가장 잘 사용하는 것이니 그 크기를 알아두면 좋습니다. Name Class prefix px Extra small .col-xs-* 768px 이하 Small .col-sm-* 768px ~ 99..