hong_mok

그리드 시스템(Grid system) - 요소들의 디자인과 배치에 도움을 주는 시스템 - 기본 요소 Column : 실제 컨텐츠를 포함하는 부분 Gutter : 칼럼과 칼럼 사이의 공간 (사이 간격) Container : Column들을 담고 있는 공간 Bootstrap Grid System Bootstrap Grid 공식 문서 Bootstrap 을 이용하면 Gird System을 쉽게 구현할 수 있다. (Bootstrap CDN) Bootstrap Grid System은 flexbox로 제작된다. Container, Row, Column을 사용하여 컨텐츠를 배치하고 정렬한다. 하나의 Row당 Column은 12개로 배치 된다. 또한 6개의 grid breakpoints를 활용하여 화면 너비에 따라 다른..