Bootstrap中的媒体查询什么都不做

Question

我正在尝试设置一个媒体查询，其中边框在xs以上的所有尺寸和xs的底部从右边的特定div更改。然而，我似乎无法让媒体查询做任何事情。

我正在使用带有Wordpress的Bootstrap 3.

我的标题中有这一行：

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

然后在CSS中：

#second-post {
color: black;
}

@media (max-width: 767px) {
  #second-post {
    color: red;
  }
}

所以文字的颜色应该永远不会变成红色。我已经尝试将@media选择器更改为（min-width：200px），因此它会在我的桌面上激活，但仍然没有。

有没有人知道为什么媒体查询被完全忽略了？

Answer 1

检查代码中是否没有不需要的空格。