html5 - 부트스트랩의 열 열 너비 문제

Question

죄송합니다. 부트스트랩에는 적응형 레이아웃 col-md-, col-sm-, col-lg-*,

을 설정하는 여러 가지 상황이 있습니다.

그럼 제 질문은, 무슨 뜻인지는 이해하지만 class=col- 등을 작성할 때 이러한 상황을 작성해야 합니까? 4개 다 쓸 필요가 없다면 md, sm, lg 중에서 맞는 것을 어떻게 선택해야 할까요? . .

마스터에게 경험담을 물어보세요.

Answer 1

Answer 2

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개의 열(일반 또는 고급 여부)을 차지한다는 의미입니다. 해상도 화면). 🎜