基于环境的Bootstrap css

Question

我想在bootstrap列上应用css属性（margin-top），但仅适用于lg环境。这样做的正确方法是什么？

我找到了一个使用javascript的解决方案，但我想知道是否有纯css解决方案。

我正在使用bootstrap 3.1

由于

Answer 1

您可以使用CSS媒体查询。 1200像素是lg的Bootstrap断点，所以它看起来像这样。

@media (min-width: 1200px) { 

  #myCol {
      margin-top:20px;
  }

}

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

如果您希望CSS应用于其他＆＃34;尺寸＆＃34;看看Bootstrap docs，看看不同的断点。