导航栏的bootstrap媒体查询不起作用

Question

我试图覆盖bootstrap的媒体查询，无论我做什么，它都会接缝，没有什么愿意工作。

这是对我不起作用的代码

@media  (max-width : 1200px) {
  .navbar{
      width: 90%;
  }​
}

Answer 1

请提供您的HTML，

尝试！important 覆盖Property.it将优先覆盖您的代码

Answer 2

由@Drew_Kennedy解决：

  

尝试使用!important，或者创建自己的navbar类。你可以得到   从开发工具引导css并改变你想要的东西。

我根据他的评论为你做了一个例子：

Example

CSS：

@media  (max-width : 1200px) {
  .navbar{
      width: 90% !important;
  }
}

其他examples of when to use !important