使用纯CSS在Bootstrap 3中添加额外的响应式样式？

Question

如何在Bootstrap 3中添加额外的响应式样式？

我正在尝试这个，但它不起作用：

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 
  .container {
    font-size: 1.5em;
  }
}

样式没有出现。我是否需要用原始数字替换@screen-lg-min？

我使用纯CSS，而不是LESS或SASS。

Answer 1

是的，您需要使用实际宽度（即：1200px）

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .container {
    font-size: 1.5em;
  }
}

@...参数使用的语法较少，而不是CSS。

在Bootply上进行测试：http://bootply.com/95146