ナビゲーションバーに色が表示されないのはなぜですか？

Question

これは私のコードです：

<nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a href="" class="navbar-brand">Ratnakar Pharma</a> 
     </div><!--Navbar Header End --> 
     <div class="collapse navbar-collapse" id="navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li><a href="#aboutus">About Us</a></li> 
       <li><a href="#products">Our Products</a></li> 
       <li><a href="#contactus">Contact Us</a></li> 
      </ul> 
     </div> 
    </div><!--End Container--> 
</nav><!-- End Navbar--> 

これは、CSSのコードです：

.navbar-inverse{ 
    background-color:#2C3E50; 
    border-color:#FFFFFF; 
    color:#FFFFFF; 
} 

.navbar-inverse .navbar-brand{ 
    color:white; 
} 

私は私のカスタムCSSコードを与えました。私のナビゲーションバーの背景色を変更しようとしました。しかし、それは動作しません。私を助けてください。ありがとう。

Answer 1

ブートストラップCSSファイルの後にカスタムCSSファイルを読み込む必要があります。その後、それは動作します。

https://bootstrapbay.com/blog/customize-bootstrap/

Answer 2

私はそれが動作するようになりました、このようにコードを変更した、背景画像は、ブートストラップにより塗布した後、私は私が見

.navbar-inverse{ 
 
\t \t \t \t background-color:#2C3E50; 
 
\t \t \t \t border-color:#FFFFFF; 
 
\t \t \t background-image: none!important; 
 
\t \t \t \t color:#FFFFFF}