Grids 우리말로 하면 격자라고 부를 수 있는데, 화면을 구획별로 나누어 놓는 것 자체를 의미하는 것 같다. 이렇게 구획으로 나누어서 얻을 수 있는 이점은 아래와 같다. 화면 배열이 용이해짐 디자인의 일관성에 도움이 됨(같은 간격의 배열) 따라서 유저가 웹사이트를 알아가는데 매우 도움이 됨(유저 친화적임) 우선 기본적인 개념이 크게 Colomn , Gutter , Margin 세가지가 있는데, 간단하게 도식으로 보면 다음과 같다. Column은 보통 12~16개 정도로 이루어져있고, 화면의 너비를 분할하는 수직형의 container라고 생각하면 된다. 각각의 칼럼을 부딪히지 않게 빈공간을 두는 것이 Gutter. 그리고 이용자의 환경에 따라 화면에 충돌하지 않게 공간을 남겨두는 것이 margin이라고 ..