Bootstrap 3 에서 PC,모바일 에 따라서 크기 조정하기

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가 지정된다.


나만 이해하나??