改變。有源標籤的默認顏色引導

我想改變我的導航欄的活動標籤的顏色，我使用的引導，這裏是我的代碼：改變。有源標籤的默認顏色引導

<body> 
    <nav class = "navbar navbar-default navbar-fixed-top"> 
    <div class = "container-fluid"> 
     <div class = "navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main_navbar"> 
      <span class="fa fa-bars"></span> 
     </button> 
     <a class="navbar-brand" href="#">Navbar</a> 
     </div> 
     <div class="collapse navbar-collapse" id="main_navbar"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Menu 1</a></li> 
      <li><a href="#">Menu 2</a></li> 
      <li><a href="#">Menu 3</a></li> 
     </ul> 
     </div> 
    </div> 
     </nav> </body>

我試圖用這個來改變它但沒有工作（css文件）：

.active { 
    background-color: green !important; 
}

也是這樣（JavaScript文件）：

$(document).ready(function() { 
    $('.active').css("background-color", "green"); 
});

編輯：

我試着用一小段代碼片段，但CSS部分解釋更多，如果我加入這我的CSS文件並沒有爲我工作，

：

.navbar { 
    background-color: yellow; 

}

整條變爲黃色，外活動標籤，那個顏色是我想改變的那個。

來源

2016-05-30 Laxus

Bootstrap對我來說確實很愚蠢，幾乎所有的實際造型都是在導航欄中的<a>標籤上，而不是像大多數人會做的<li>那樣。你應該改變.active a大部分風格，而不是僅僅.active

.active a { 
 

 
    background-color: green !important; 
 

 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<nav class="navbar navbar-default navbar-fixed-top"> 
 
    <div class="container-fluid"> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main_navbar"> 
 
     <span class="fa fa-bars"></span> 
 
     </button> 
 
     <a class="navbar-brand" href="#">Navbar</a> 
 
    </div> 
 
    <div class="collapse navbar-collapse" id="main_navbar"> 
 
     <ul class="nav navbar-nav"> 
 
     <li class="active"><a href="#">Menu 1</a> 
 
     </li> 
 
     <li><a href="#">Menu 2</a> 
 
     </li> 
 
     <li><a href="#">Menu 3</a> 
 
     </li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</nav>

來源

2016-05-30 21:10:31 Jhecht

非常感謝你 – Laxus

改變。有源標籤的默認顏色引導

回答

相關問題