ドロップダウンナビゲーションバーを黒くするには？

Question

私はドロップダウンnavbarボックスを黒にしようとしていますが、私は2日間ソリューションを探していましたが、ブートストラップ・ドキュメントのテンプレートも正しく動作しません。つまり、ドロップダウン・ボックスです。ここで

ナビゲーションバーのための私のhtmlコードです：ここで

<nav class="navbar navbar-inverse navbar-static-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navcol-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand navbar-link"><img src="/images /logo.png"></a> 
     </div> 
     <div class="collapse navbar-collapse" id="navcol-1"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li role="presentation"><a href="#">Main </a></li> 
       <li role="presentation"><a href="#">Main </a></li> 
       <li role="presentation"><a href="#">Main </a></li> 
       <li role="presentation"><a href="#">Courses </a></li> 
       <li role="presentation"><a href="#">Help </a> 
        <a class="visible-sm-block" href="#"> </a> 
       </li> 
      </ul> 
     </div> 
    </div> 
</nav> 

は、ページの階層です：

Answer 1

あなたは正しく、すでに作るべきである.navbar-inverseを、使用しています見ることができるようにあなたのnavbar黒、here。

これがうまくいかない理由のいくつかがあります。

• あなたは正しくブートストラップを参照していません。
  この場合、F12開発ツールのコンソールでエラーをチェックしてください。
• ブートストラップとは異なるバージョンのCSSを使用しています。
• デフォルトを上書きするコードがあります。specificityです。
• 古いCSSをキャッシュしています。 CTRL + F5でスタイルシートのリフレッシュをリフレッシュし、リフレッシュアイコンをクリックしてSHIFTを保持してCSSキャッシュもクリアするようにしてください。

:)