Css 当放置在单独的文件中时，覆盖引导媒体查询不起作用。为什么？

以下引导媒体查询将引导默认导航栏折叠的断点更改为992px（从768px）

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

当我将上述内容放在一个单独的文件中，并将其链接到

bootstrap.css

下面的HTML中时，该规则不会生效。但是，如果我将其直接放在

bootstrap.css

（最后）中，则该规则有效

---

任何人都可以告诉我，当我将它放在另一个文件中并链接到html时，为什么它没有被应用？

在引导css文件之后添加此css文件，同时检查文件路径和名称。 会有用的

当我将上面的内容放在一个单独的文件中，并将其链接到下面的HTML中时

bootstrap.css

，但如果我将其放置在 直接在

bootstrap.css

（最后）中，它就可以工作了

---

检查

的路径。这可能是错误的。

我在项目中检查了您的代码，它工作正常！尝试检查css文件的路径或文件名是否正确确保在引导后包含覆盖css，并且它足够具体（即

.class

vs

.class>.class

）