부트스트랩 그리드 레이아웃

.grid_container{ display:grid; // display:inline-grid }
grid-area:<row-start>/<column-start>/<row-end>/<column-end>
.item { grid-area:1/3/3/4; }

부트스트랩

12 그리드 시스템

  • md === 미디엄 → 반응형 구현 (col-md-4, col-md-4, col-md-4 기준 width: 1300px 행,열이 바뀐다)
  • sm === 스몰 → 반응형 구현 (col-sm-4,col-sm-4,col-sm-4 기준 width: 980px 행,열이 바뀐다.)