Column class는 브라우져 크기에 따라 다음 네 가지로 정의된다.
Column class Desc.
.col-xs-# Extra Small(핸드폰, 768px 이하)
.col-sm-# Small(태블릿, 768px 이상)
.col-md-# Medium(데스크탑, 992px 이상)
.col-lg-# Large(데스크탑, 1200px 이상)
알아둘 것
1 row에 12 column이 넘어가면 자동으로 다음 row로 처리된다.
Mobile first 정책이므로, 아무것도 지정하지 않으면 .col-xs-12가 지정된다.
나만 이해하나??
Column class Desc.
.col-xs-# Extra Small(핸드폰, 768px 이하)
.col-sm-# Small(태블릿, 768px 이상)
.col-md-# Medium(데스크탑, 992px 이상)
.col-lg-# Large(데스크탑, 1200px 이상)
알아둘 것
1 row에 12 column이 넘어가면 자동으로 다음 row로 처리된다.
Mobile first 정책이므로, 아무것도 지정하지 않으면 .col-xs-12가 지정된다.
나만 이해하나??
댓글
댓글 쓰기