css - 使用纯 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