2012-05-09 2 views
11

유체 레이아웃 (반응 형 디자인)으로 트위터의 부트 스트랩 2를 사용하고 브라우저의 가로 크기가 800px보다 작은 경우 div 상자를 숨기려고합니다.가로 브라우저보기 포트에 따라 div 숨기기

어떻게 만들 수 있습니까?

당신은 숨기고, 당신의 선택의 폭을 대상으로하므로 같은 @media 질의 내부를 숨기기 위해 그것에 display:none 속성을 추가 할 요소에 사용자 정의 클래스를 적용 할 수 있습니다

답변

21

: 그냥

@media (max-width: 800px) { 
    .hidden-800 { 
     display:none !important; 
    } 
} 

사용자 정의 스타일 시트 끝에 @media 쿼리 방법을 배치해야합니다.

+0

예, 그게 전부입니다! 고마워, 많이. – StandardNerd

+0

@JoonKiChoi 나는 기쁘다. :) 내가 답변을 게시 한 경우 귀하의 질문에 만족을 표시하여 내 대답 옆에있는 체크 표시를 체크하면됩니다. 그런 식으로이 질문에 대한 결론을 내릴 수 있으며 미래의 사용자를 도울 수 있습니다. –