Bootstrap 3列表項有一個卡住的背景色

我有一個卡住背景色的列表項。列表項是「聯繫人」，背景顏色是黑色。當頁面加載時，這個列表項的背景顏色從黑色開始，我不明白爲什麼。我不希望它以任何背景顏色開始。我注意到.navbar-inverse類會導致這種情況發生，但是當我將它取出並將瀏覽器縮短爲移動視口的大小時，我應該摺疊/擴展導航欄的圖標欄按鈕消失。所以當我拿出.navbar-inverse時會導致這個問題。這裏是codepen：http://codepen.io/capozzic1/full/JKmZzZ/Bootstrap 3列表項有一個卡住的背景色

這裏是代碼：

<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>

來源

2016-08-11 Dream_Cap

給它黑色背景的類是.navbar-nav>.active>a。

將background-color: transparent添加到樣式表中的該元素。

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

來源

2016-08-11 14:21:17 Peter

使用自定義樣式，並設置它的背景色很重要，這樣它會覆蓋！ navbar-inverse默認黑色。

讓我知道你懂不懂！

來源

2016-08-11 14:16:39

Bootstrap 3列表項有一個卡住的背景色

回答

相關問題