부트스트랩 col-sm col-md 차이

부트스트랩 펜스 시스템 CSS에서 col-xs-*, col-sm-*, col-md-*의 의미는 디스플레이 화면의 너비에 따라 해당 클래스 스타일을 자동으로 선택한다는 것입니다:

.col-xs- 초소형 화면 휴대폰(<768px)(추천 학습: Bootstrap 비디오 튜토리얼)

.col-sm- 소형 화면 태블릿(≥768px)

.col-md- 중형 화면 데스크톱 모니터(≥992px)

.col-lg- 대형 화면 데스크톱 모니터(≥1200px)

우선:

1, col-column,

2, xs-maxsmall, super small; sm-medium, Medium;

3, -*는 열을 차지하는 것을 의미합니다. 즉, 각 행을 12개의 열로 자동으로 나누는 그리드 시스템 비율을 차지합니다. 4, col- xs-*초소형 화면 휴대폰(<768px),

5. 화면 종류에 관계없이 그리드 시스템은 자동으로 각 행을 12개의 열로 나누고 매개변수 뒤에 col-xs-* 및 col-가 표시됩니다. sm-* 및 col-md-* 현재 화면에서 각 div가 차지하는 열 수입니다.

예를 들어