그리드(블록) 설정

편집영역에 있는 블록을 클릭하면, 3가지 버튼그룹이 활성화 됩니다.
3가지 버튼그룹은 01 행(row) 설정 그룹, 02 열(col) 설정 그룹, 03 기타 설정 그룹입니다.
아래부터는 그룹이란 명칭은 빼고 설명하겠습니다.

1. 행(row) 설정

왼쪽에 생성되는 3개의 버튼이 행 설정입니다.

하나의 블록은 아래의 HTML의 구조를 가집니다.
조건은 최상단에 m9-grid-block를 가지면, 행 설정 버튼이 나타납니다.

<div class="m9-grid-block"> 
	<div class="m9-grid-1"> 
		<div class="m9-column-1">
		   블록 내용
		</div>  
	</div>
</div>

상하 순서 변경 버튼을 마우스로 꾹 눌러 드래그한 뒤 변경하고자 하는 위치에 블록을 내려놓습니다.

클릭하시면, 바로 복사가 되어집니다.

클릭하시면, HTML편집창이 뜹니다.

상단에 생성되는 버튼들이 열 설정입니다.


	열 복사 - 블록을 복사합니다.
	열 넓히기 - 열 복사 버튼을 누르면 활성화되는 버튼입니다. 해당 열의 넓이를 늘여줍니다.
	열 좁히기 - 열 복사 버튼을 누르면 활성화되는 버튼입니다. 해당 열의 넓이를 좁혀줍니다.

열 복사 버튼을 누르면 객체가 복사됩니다. 최대 6개까지 복사가 가능합니다.

열 복사 버튼을 누르면 열 넓히기 버튼과 열 좁히기 버튼이 활성화되어 열의 너비를 조정할 수 있습니다.
열 넓히기와 좁히기는 많은 많은 경우의 수가 있습니다. 그리드(grid)에서 다양한 경우의 수를 확인하실 수 있습니다.

오른쪽에 생성되는 3개의 버튼은 열 설정 버튼입니다.

간격을 조정하는 버튼으로 총 3가지 간격으로 조정할 수 있습니다.
.m9-spacing-0, .m9-spacing-1, .m9-spacing-2 로 변경됩니다.

빈 열(컬럼)을 추가합니다. 최대 6개까지 가능합니다.
.m9-grid-1 ~ .m9-grid-6 까지입니다.

빈 행(그리드)을 추가합니다.