부트스트랩을 재정의 하고 싶습니다. 채택완료

홀민 6년 전 조회 2,433

</p>

<p>@media (max-width: 767px)</p>

<p>.hidden-xs {</p>

<p>    display: none!important;</p>

<p>}</p>

<p>

이걸.. 480에서 동작하게 하고 싶습니다.

이렇게 바꿔봤지만 동작하지 않습니다.

</p>

<p>@media (max-width: 480px)</p>

<p>.hidden-xs {</p>

<p>    display: none!important;</p>

<p>}</p>

<p>

앞에 클래스도 붙여보고 중괄호도 전체를 묶어 봤지만 동작하지 않네요.

크롬 개발자도구에서는 여전히

</p>

<p>@media (max-width: 767px)

.hidden-xs {

    display: none!important;

}</p>

<p>

얘만 나오는 상황입니다.

조언 부탁합니다.

감사합니다.

#부트스트랩 #미디어쿼리 #재정의

댓글을 작성하려면 로그인이 필요합니다.

정렬:

채택된 답변

+20 포인트

평정심

6년 전

@media (max-width: 767px) {

포함될 내용

}

중괄호가 필요한데 중괄호를 넣지 않으셨네요.

그리고 max-width: 767px는 767px 이하에 적용된다는 의미로

당연 480px에도 적용되어야 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.