ブートストラップ3のリストアイテムに背景色がついていません

Question

背景色がついているリストアイテムがあります。リストアイテムは「連絡先」で、背景色は黒です。ページが読み込まれると、このリスト項目の背景色は黒色で始まり、それはなぜわかりません。私はそれを背景色で始めるのは嫌です。 .navbar-inverseクラスでこれが起こることに気づきましたが、それを取り出してブラウザをモバイルビューポートのサイズに縮小すると、navbarを折りたたんだり拡張するはずのアイコンバーボタンが消えてしまいました。だから私は.navbar-inverseを取り出すときにその問題を引き起こします。ここ はcodepenです：ここではhttp://codepen.io/capozzic1/full/JKmZzZ/

はコードです：

<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> 
    <a class="navbar-brand" href="#">DreamerCC</a> 
    </div> 

    <div class="collapse navbar-collapse" id="myNavBar"> 
    <ul class="nav navbar-nav"> 

     <li><a href="#abtsec">About</a></li> 
     <li><a href="#ptfsec">Portfolio</a></li> 
     <li><a href="#ctcsec">Contact</a></li> 
    </ul> 
    </div> 
</div> 

Answer 1

黒い背景を与えるクラスは.navbar-nav>.active>aです。

background-color: transparentをスタイルシートのその要素に追加します。

.navbar-nav>.active>a { 
    background-color: transparent; 
} 

Answer 2

カスタムスタイルを使用し、それが持つ背景色だし、重要なことは無効になりますように！ navbar-inverseデフォルトの黒色。

ご理解いただければお知らせください。