基於環境的Bootstrap css

Question

我想在引導列上應用css屬性（margin-top），但僅適用於lg環境。什麼是正確的方法來做到這一點？

我發現了一個使用javascript的解決方案，但我想知道是否有純粹的CSS解決方案。

我使用的引導3.1

感謝

Answer 1

您可以使用CSS媒體查詢。 1200像素是lg的Bootstrap斷點，所以它看起來像這樣。

@media (min-width: 1200px) { 

    #myCol { 
     margin-top:20px; 
    } 

} 

演示：http://www.bootply.com/127137

如果你想在其他的「尺寸」將被應用的CSS看看在Bootstrap docs看到不同的斷點。