2014-04-12 5 views
0

내가 스타일러스와 부트 스트랩 3을 사용하고, 다른 화면 크기에 각각 내 블로그의 패딩 속성을 설정하려는, 그래서 나는 다음과 같은 쓴 : 내 응용 프로그램을 실행하는 경우에도, 그러나부트 스트랩의 다른 화면 크기에서 if 문을 사용할 수 있습니까?

.blog 
    margin-bottom: 20px 
    if @screen-sm-min 
     margin-bottom: 10px 

을, 그것을하지 않았다 전혀 바뀌지 마라. 구문에 어떤 문제가 있는지 잘 모르겠습니다. 왜 이것이 잘 작동하지 않습니까? 어떻게 문제를 해결할 수 있습니까?

답변

1

CSS media queries을 사용하는 것이 좋습니다.

말하는 :

@media (min-width: 1000px) and (max-width: 1200px) { 
    .. add some styles here... 
} 

이 동일 말 :

if (the minimum width of the screen is 1000px && the maximum width of the screen is 1200px) { 
    .. add some styles here .. 
} 
+0

이 코드는 스타일러스에서 작동합니까? 아니면 일반 CSS로 작성해야합니까? 나는 Stylus에서'@media (최소 너비 : @ screen-sm-min) background-color : black'과'@media (min-width : @ screen-lg-min)와 같은 코드를 작성하려고했다. color : red')하지만 전혀 변경되지 않았습니다. – Blaszard

+0

아, 스타일러스 파일이 부트 스트랩을 참조 할 수 없기 때문에 결과 CSS 파일이'@ screen-lg-min' 변수를 해석하지 못하는 것으로 나타났습니다. 변하기 쉬운. 그렇다면 위의 미디어 쿼리 설정이 HTML 파일로 작성되었는지 궁금합니다. – Blaszard

+0

음, CSS 파일이나 HTML 파일의