ブートストラップのスタイルを編集するには？

Question

体の背景色などのブーツラップスタイルを編集するにはどうすればよいですか？

私はこのすべての時間をしたいいけない：私は、ナビゲーションバーのフォントの色を設定したい

body { background: #539754 !important; } 

しかし、私はそれを行うことはできません。スタイルは、私は、この内部bootstrap.cssをしましたが、何も起こらなかった

.navbar-default .navbar-nav > li > a { 
color: #000; 
font-size: 20px; 
font-family: cursive; 
} 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { 
color: #333; 
background-color: transparent; 
} 

どこから来ている私は約preety混乱しています。 F12キーを押したときに/dist/css/bootstrap.cssファイルを編集すると、そのフォルダもありません。私はそのダイナミックに作成したことを理解していますが、どのように編集できますか？

Answer 1

をルールを追加

class="diff-color" 

のようなあなたの<li>タグにクラスを追加します。あなたのブートストラップのCSSファイルの後にそれをロードする。クラスを定義するときには、ブートストラップツリーに一致するか、それを超えるだけです。例：ブートストラップが定義されている場合：

.navbar-default .navbar-nav > li > a { 
    color: #000; 
    font-size: 20px; 
    font-family: cursive; 
} 

そして、これを新しいスタイルシートに追加するだけです。

.navbar-default .navbar-nav > li > a { 
    color: #CC0000; 
} 

Answer 2

次に、あなたがそのようなStyles.cssをなど、独自のスタイルシートを作成し、必ずブートストラップスタイルを上書きするには、あなたのCSSファイルに

.diff-color{ 
    color:blue; 
}