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

时间:2016-01-02 15:27:24

标签: css html5 twitter-bootstrap-3 responsive-design media-queries

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

这是对我不起作用的代码

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

2 个答案:

答案 0 :(得分:0)

请提供您的HTML,

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

答案 1 :(得分:0)

由@Drew_Kennedy解决:

  

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

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

Example

CSS:

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

其他examples of when to use !important