ASP MVC 无法覆盖引导 css [重复]答案

【问题标题】：ASP MVC cannot override bootstrap css [duplicate]ASP MVC 无法覆盖引导 css [重复]
【发布时间】：2017-10-18 01:46:35
【问题描述】：

我已经尝试使用以下导航栏 css 覆盖引导 css。每次我尝试加载 css 时，我什至在我的浏览器中都看不到任何东西

 .navbar-default {
    background-color: #205ba2;
    border-color: #2d74ca;
}
.navbar-default .navbar-brand {
    color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #dce9f8;
}
.navbar-default .navbar-text {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #dce9f8;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #dce9f8;
    background-color: #2d74ca;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #dce9f8;
    background-color: #2d74ca;
}
.navbar-default .navbar-toggle {
    border-color: #2d74ca;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #2d74ca;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ecf0f1;
}
.navbar-default .navbar-link {
    color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
    color: #dce9f8;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #dce9f8;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #dce9f8;
        background-color: #2d74ca;
    }
}

我认为这是正确的顺序，但它在任何时候都不起作用。

【问题讨论】：

1) 可能你先导入你的，然后引导自己，这样你的值就会被覆盖（假设）。 2）你真的应该避免这样做，覆盖颜色变量和你这样做是一个维护地狱，你应该使用引导程序的 less 文件而不是为变量设置其他值，而不是用新值重新创建每个规则。 3) 如果 1) 不正确，可能是缓存有问题，请尝试擦除浏览器缓存。
你也能显示你的html吗

标签： html css asp.net-mvc twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

您需要在链接后包含指向页面的 CSS 链接引导程序。例如：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="mytheme.css">

有些规则需要使用!important。
同时尝试将任何查询字符串添加到您的 CSS 文件 URL 以避免缓存问题，例如：
```
<link rel="stylesheet" href="mytheme.css?version=new">
```

【讨论】：