[부트스트랩] 그리드 시스템

 

부트스트랩의 그리스 시스템 기본은 컨테이너, 행, 열을 사용해서 콘텐츠 레이아웃을 정렬한다.

row : 열

col : 행

<div class="container">
  <div class="row">
    <div class="col">
      Column
    </div>
    <div class="col">
      Column
    </div>
    <div class="col">
      Column
    </div>
  </div>
</div>

이렇게 행과 열로 구조를 만드는 방식

이렇게 사전에 정의 된 그리드 클래스를 사용하면 모든 기기와 뷰포트에 동일한 너비의 열 3개를 만든다.

 

 

참고 : https://getbootstrap.kr/docs/5.0/layout/grid/