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

부트스트랩 그리드는 총 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
);