퍼블리싱/부트스트랩
부트스트랩-그리드 시스템
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