퍼블리싱/부트스트랩

부트스트랩-그리드 시스템

xhakxh135 2022. 1. 18. 20:31
반응형
SMALL

부트스트랩 그리드는 총 12그리드로 이루어져있다.

 

  • 기본그리드시스템 -  .container 안에  .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>

 

  • 그리드 옵션
  • Extra small (xs)
  • Small (sm)
  • Medium (md)
  • Large (lg)
  • Extra large (xl)
  • Extra extra large (xxl)

 

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);
반응형
LIST