col-xs适配超小屏幕，一般指手机； col-sm适配平板； col-md适配台式机或者笔记本； col-lg고해상도 데스크톱, 노트북 또는 와이드스크린에 적합하지만 일반적으로 사용되지 않습니다.
또한 col-xs-6처럼 전체 내용을 작성할 필요는 없습니다. 즉, 작은 화면의 휴대전화나 작은 화면의 휴대전화보다 큰 기기에서는 절반이므로 Write col-sm-6, col-md-6 및 col-lg-6을 추가할 필요가 없습니다. col-xs-6，表示在小屏手机或者比小屏手机大的设备，都只占一半，所以不需要额外去写col-sm-6、col-md-6和col-lg-6。 大的分列布局会在相应的情况下覆盖小的分列布局设置，小的分列布局是大的分列布局的默认值。 比如col-xs-6 col-md-12대형 열 레이아웃은 해당 경우 작은 열 레이아웃 설정을 재정의합니다. 작은 열 레이아웃은 큰 열 레이아웃의 기본값입니다.
예를 들어 col-xs-6 col-md-12는 휴대폰과 태블릿에서는 열의 절반을 차지하고 컴퓨터에서는 12개의 열(일반 또는 고급 여부)을 차지한다는 의미입니다. 해상도 화면). 🎜
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
col-xs适配超小屏幕，一般指手机；col-sm适配平板；col-md适配台式机或者笔记本；col-lg고해상도 데스크톱, 노트북 또는 와이드스크린에 적합하지만 일반적으로 사용되지 않습니다.또한
예를 들어col-xs-6처럼 전체 내용을 작성할 필요는 없습니다. 즉, 작은 화면의 휴대전화나 작은 화면의 휴대전화보다 큰 기기에서는 절반이므로 Writecol-sm-6,col-md-6및col-lg-6을 추가할 필요가 없습니다.col-xs-6，表示在小屏手机或者比小屏手机大的设备，都只占一半，所以不需要额外去写col-sm-6、col-md-6和col-lg-6。大的分列布局会在相应的情况下覆盖小的分列布局设置，小的分列布局是大的分列布局的默认值。
比如
col-xs-6 col-md-12대형 열 레이아웃은 해당 경우 작은 열 레이아웃 설정을 재정의합니다. 작은 열 레이아웃은 큰 열 레이아웃의 기본값입니다.col-xs-6 col-md-12는 휴대폰과 태블릿에서는 열의 절반을 차지하고 컴퓨터에서는 12개의 열(일반 또는 고급 여부)을 차지한다는 의미입니다. 해상도 화면). 🎜