css - 基于环境的 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 应用于其他“尺寸”，请查看 Bootstrap docs查看不同的断点。