2016-09-14 4 views
1

を取得することはできません。しかし、私は、インラインの代わりに外部CSSファイルでスタイルを変更しようとしているとき:彼らがまったく機能していない外部CSSファイルには、だから私は、このナビゲーションバーを持つクラス

.navbar-default { 
background: black; 
margin-bottom: 0; 
} 

。チェックしてからbgの画像が変化しているので、CSSファイルは正常に動作しています。私はnavbarだけに問題があり、それを把握することはできません。これによると:Change navbar color in Twitter Bootstrap 3私はすべてうまくやっています。私がこの問題を抱えているのは初めてです。誰かが不思議に思っている場合は、ブートストラップを使って作業してください:)

助けてください。私はインラインCSSを使いたくない。

+0

通常のブートストラップのCSSはあなたの上書きではありませんか? !importantを追加してください、またはファイルをロードする順番を入れ替えてください –

+0

nav.navbar-defaultを使ってより具体的にするか、それでも解決しない場合でも 'background:black;'のような '!important'を使ってみてください慎重に重要なを使用して後で –

答えて

1

あなたはそれが

.navbar-default { 
    background: black !important; 
    margin-bottom: 0 !important; 
} 

注作業を取得するために使用!important、ブートストラップクラスをオーバーライドする必要があります:あなたは!importantを使用している場合は、あなたのCSSで使用される他のすべてのルールは、この宣言をオーバーライドすることはできませんを。

0

これらのスタイルが別の場所に設定されているため、あなたのスタイルがオーバーライドされている可能性があります。 c in cssはカスケード接続を表します。 See the cascading order section of this page

簡単なオプションは、ブートストラップの後にスタイルシートを含めることです。

スタイルルールの最後に!importantを追加することで、この優先順位をオーバーライドすることはできますが、これはCSSの機能を一部破り、維持管理が難しくなります。

+0

私の前にブートストラップCSSが含まれてそれを変更するのを制限し、それは問題の大部分を、ありがとう! – BePatient

0

私はデフォルトのブートストラップナビバースタイルが適用されていると思うので、プロパティ値の前に!importantを入れてみてください。私は同じ問題に直面しているし、たくさん検索した後、私はnavbar-defaultは、ブートストラップのデフォルトクラスがあり、その外部CSSによって過負荷にならないようfile.Youはあなたが外部負荷に役立つCSSの!importantプロパティを使用することができることを見出した

.navbar-default { 
background: black !important; 
margin-bottom: 0 !important; 
} 
0

デフォルトのクラスがオーバーロードされている場合のCSSファイル。

.navbar-default { 
    background: black !important; 
    margin-bottom: 0 !important; 
} 
関連する問題