Google에 질문을 시도했지만 관련 주제를 찾을 수 없습니다.부트 스트랩 열 규칙
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"></div>
또는 : 그들이 중복 경우에도 열 클래스를 생략 좋은 또는 나쁜 생각이
<div class="col-xs-12 col-md-6"></div>
가 부트 스트랩 클래스를 사용하는 더 좋은 방법은 무엇입니까?
기본적으로이 값은 already been answered before입니다.
더 작은 그리드 클래스 도은 큰 브레이크 포인트에 의해 특별히 오버라이드되지 않는 한 큰 화면에 적용됩니다. 예를 들어, col-md-6은 매체의 경우 6 단위를,의 경우 6 단위를 의미합니다.
따라서 가장 작은 장치 너비를 지원하는 클래스 만 사용해야합니다.
또한 col-xs-{1-11} 클래스를 HTML 태그에 사용하지 않으면 xs 화면에서 열이 세로로 쌓이며 전체 너비로 표시되기 때문에 col-xs-12이 암시됩니다.
이미 알고 있듯이 col-md-6 및 col-xs-12의 스타일을 상속 받게되므로 col-lg-6 및 col-sm-12은 의미가 없습니다. col-lg-6 및 col-sm-12 유지에 전혀 해가 없습니다
은 - 그들은 대형 디스플레이가 (당신의 col-md-6 동적으로 변경되는 경우에) col-lg-6를 렌더링 보장 점에서 일부 보안을 제공하지만, 당신은 그들을 포함하지 않는 더 나을 것 당신의 HTML은 순전히 당신의 HTML 파일 크기를 더 작게 만듭니다.
이렇게하면 필요한 것보다 더 많은 클래스를 사용하지 않기 때문에 좋은 생각입니다. – MarcoSantino