CSSスタイルでデフォルトのブートストラップをCoustmizeする方法は？

Question

このNavbarをブートストラップで作ったので、デフォルトの色を変更したいと思います。どのように私はCSSでそれをすることができますか？ここで は私のナビゲーションバーのスクリーンショット...私たちは事前に定義されたクラスを持って、ブートストラップでhttps://i.stack.imgur.com/WQK8p.png

<nav class="navbar navbar-inverse"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span>       
      </button> 
      </div> 
      <ul class="nav navbar-nav"> 
      <li class><a href="#">Home</a></li> 
      </ul> 
      <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav"> 
       <li><a href="#">Page 2</a></li> 
       <li><a href="#">Page 3</a></li> 
      </ul> 
     </div> 
    </nav> 

Answer 1

あなたは、単にブートストラップがロードされた後、あなたのルールをロードする場合はブートストラップを無効にするために、独自のスタイルを作成することができます。何らかの理由で最初のものを読み込まなければならない場合は、ルールにはより高い特異性が必要です。逆ナビゲーションバーの背景色のためのブートストラップのルールは以下のとおりです。

.navbar-inverse { 
    background-color: #222; 
    border-color: #080808; 
} 

だから、のように、独自のルールを作成し、ブートストラップのCSSの後にそれをロードします。

.navbar-inverse { 
    background-color: red; 
    border-color: #080808; 
} 

あなたがブートストラップ前にロードする必要がある場合は、使用して、セレクタの特異性をincrase body .navbar.navbar-inverse

Bootply example

Answer 2

仲間である、それは、我々は、彼らがそうであるようにそれらを使用する必要があり、その中のプロパティを変更できないことを意味します。 タグのstyle属性を変更してみることができます。

このような何か.....

.navbar-default { background-color: #F8F8F8; border-color: #E7E7E7; }