BootStrap_Grid

	xs <576px	sm >=576px	md >=768px	lg >=992px	xl >=1200px	xxl >=1400px
컨테이너 max-width	none(auto)	540px	720px	960px	1140px	1320px
클래스 접두사	.col-	.col-sm-	.col-md-	.col-lg-	.col-xl	.col-xxl-
열 개수	12개를 나눠서 사용

 

접두사 미사용: 균등 분

<div class="container text-center">
  <div class="row">
    <div class="col">
      1 of 2
    </div>
    <div class="col">
      2 of 2
    </div>
  </div>
  <div class="row">
    <div class="col">
      1 of 3
    </div>
    <div class="col">
      2 of 3
    </div>
    <div class="col">
      3 of 3
    </div>
  </div>
</div>

 

너비 지정

<div class="container text-center">
  <div class="row">
    <div class="col">
      1 of 3
    </div>
    <div class="col-6">
      2 of 3 (wider)
    </div>
    <div class="col">
      3 of 3
    </div>
  </div>
  <div class="row">
    <div class="col">
      1 of 3
    </div>
    <div class="col-5">
      2 of 3 (wider)
    </div>
    <div class="col">
      3 of 3
    </div>
  </div>
</div>

 

 

 

 

 

 

 

https://getbootstrap.kr/docs/5.3/layout/grid/