부트 스트랩이 작동하지 않는 미디어 쿼리

Question

모바일 장치 용으로 큰 그림을 숨기고 싶었습니다.

//medium+ screen sizes 
@media (min-width:992px) { 
    .desktop { 
      display:block !important; 
    } 
} 

//small screen sizes 
@media (max-width:991px) { 
    .mobile { 
      display:block !important; 
    } 

    .desktop { 
      display:none !important; 
    } 
} 

가 그럼 난 이렇게 내 HTML에서 클래스를 적용 : at this site를 찾고 내 CSS에서 다음과 같은 스타일을 넣어

<img class="desktop" src="img/test/test.jpg" 
    alt="jhkjhjk" height="600" width="900"> 

을하지만 내 브라우저 창을 축소 할 때 이미지가 남아있다. 내가 놓친 게 있니?

Answer 1

Boostrap을 사용하고 있으므로 더 쉽게 할 수 있습니다.

는 이미지에

visible-md 

의 클래스를 추가합니다.

md는> 992 픽셀입니다.

체크 아웃 당신이 http://getbootstrap.com/css/#responsive-utilities

EDIT를 사용할 수있는 쉬운 클래스를 : 당신이거야 보이는 것과 할 경우 아마 싶어 볼 수-MD를 볼 수-LG 않습니다. 차트는 모든 조합을 설명합니다.