怎么重写媒体查询

Question

bootstrap 默认一个1200px的媒体查询

@media (min-width: 1200px) {
      .col-lg-12 {
        width: 100%;
    }
    ...
    ...
    ...
}

我怎么样才能重写成1367px的，我在后面追加了但是无效，由于我使用的是公共的cdn，所以不能直接修改，必须重写

@media (min-width: 1367px) {
  .col-lg-12 {
    width: 100%;
  }
  ...
  ...
  ...
}

Answer 1

确保你重写的css文件引用在bootstrap之后，并且加上important
bootstrap很多样式都有important所以你也要加不然是覆盖不掉的