부트스트랩4 그리드 체계

(부트스트랩 그리드에서 넘어옴)

1 개요[ | ]

Bootstrap 4 Grid system
부트스트랩 4 그리드 체계
  • 화면너비에 따라 5가지 모드가 있음(xs, sm, md, lg, xl)
  • 컬럼 분할 수: 12
  • 기본 거터 너비: 30px (컬럼의 양쪽에 15px씩)
구분 약어 화면너비 비고
Extra small xs ~ 575px
Small sm 576px ~ 767px
Medium md 768px ~ 991px
Large lg 992px ~ 1199px
Extra large xl 1200px ~

2 비율[ | ]

  • 1/2 스케일

xssmmdlgxl

576px~768px~992px~1200px~

3 같이 보기[ | ]

4 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}