부트 스트랩 그리드 스타일이 너무 작아서 중간 크기의 화면에서도 작동합니다.

Question

XS 스크린만을 타겟팅하는 CSS를 적용하려고했지만 중간 크기의 화면에도 적용되고 있습니다.

는 .COL-XS 명확하게 정의 된 스타일을 볼 수 있지만, 나는 바탕 화면에 전체 화면으로 볼 수 있어요 그리고 XS에게 특정 스타일을 렌더링합니다.

여기 뭔가 잘못되었거나 부트 스트랩에서 스 니펫이 누락 되었습니까?

감사, 요소

Answer 1

CSS의 클래스는 미디어 쿼리가없는 항상 적용됩니다. 이 것 Bootstrap specific media queries의 경우

..

@media (max-width: 768px) { 

    .prop-image { 
     margin-right: auto; 
     margin-left: auto; 
    } 

} 

Answer 2

당신이 지금 부트 스트랩에 열을 사용하는 방법은 MD 폭 범위에서 4 열을 말과 XS 폭에 전체 페이지에 걸쳐있다 . 그것은 내용을 숨기지 않습니다.

숨길 만 XS의 내용을 표시 할 수있는 쉬운 방법을 원한다면

는 미디어 쿼리를 필요로 폭 화면, 또는 다른 옵션은

.visible-xs-의 반응 유틸리티 클래스 * 내장 된 부트 스트랩을 사용하는 것입니다.

이렇게하면 xs에 포함 된 요소 만 표시됩니다.

http://getbootstrap.com/css/#responsive-utilities-classes