0
私は以下のnavbar CSSでブートストラップのCSSをオーバーライドしようとしました。私はCSSをロードしようとするたびに、私もASP MVSはブートストラップの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;
}
}
私のブラウザで何を見ることができないこれが私の意見では、正しい順序であるが、それはいつでも仕事をdoesntの。
1）おそらくあなたは自分の価値観が得るように、あなたは、まず自分自身をブートストラップインポートオーバーライド（仮定）。 2）色の変数をオーバーライドするなど、実際にこのようにするのは避けてください。メンテナンスが面白いので、新しい値でルールを再作成するのではなく、ブートストラップのファイルを少なくし、変数に他の値を設定する必要があります。 3）1）が間違っている場合は、キャッシュに問題がある可能性があります。ブラウザのキャッシュを消去してみてください。 –
あなたのhtmlも表示できますか？ – Pete