無法更改Bootstrap導航欄中的文本顏色

我一直在嘗試更改引導程序模板導航欄中的文本顏色並且不成功。任何人都知道我要去哪裏錯了？這是我的代碼。無法更改Bootstrap導航欄中的文本顏色

<!--navbar--> 
<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner" id="nav-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="#">Restaurant</a> 
     <div class="nav-collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"> </b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
      </ul> 
      </li> 
     </ul> 
     <form class="navbar-search pull-right" action=""> 
      <input type="text" class="search-query span2" placeholder="Search"> 
     </form> 
     </div><!-- /.nav-collapse --> 
    </div><!-- /.container --> 
    </div><!-- /.navbar-inner --> 
</div><!-- /.navbar --> 
<!--navbar-->

的CSS：

.navbar-inner { 
    color: #FFF; 
}

我也試過這樣：

#nav-inner { 
    color: #FFF; 
}

來源

2012-11-18 jfoutch

請參閱我的回答，如果有幫助，請評價它。 :) – uday

請考慮推薦mackle的回答。這是處理自定義CSS規則的推薦方式。 –

我的也是這樣;）並正確回答問題：P – uday

如果你想改變你需要添加color: #ddd;以下

選項卡中的CSS

.navbar .nav > li > a { 
    float: none; 
    line-height: 19px; 
    padding: 9px 10px 11px; 
    text-decoration: none; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #ddd; 
}

希望它有幫助！

來源

2012-11-18 05:00:38 uday

這工作，謝謝！ – jfoutch

我知道這是一個老話題，但我更喜歡製作和鏈接自定義CSS文件。在此文件中，您可以添加或覆蓋主題的屬性。即使你更新主題，這很可能仍然有效。只需將以下行添加到'customstyle.css'：.navbar .nav> li> a顏色：#ddd; } –

我的猜測是Bootstrap定義了一個更具體的CSS規則，它正在勝出你的更一般的規則。您應該使用Firefox或Chrome的開發人員工具檢查該頁面，以查看哪些樣式比其他樣式更勝一籌。如果你的風格甚至沒有出現，那麼你知道還有一個更基本的問題，但是如果Bootstrap的風格超越了你的顏色，你必須給你的風格更高的優先級。

對於一個全面的檢查，試試這個矯枉過正規則：

html body .navbar .navbar-inner .container { 
    color: #FFF; 
}

如果這樣的作品，然後用特異性較低的水平，看看你真的需要具體怎麼獲得實驗。

如果一切都失敗了，你總是可以做：

color: #FFF !important;

的CSS2 specification詳細勾畫了這一點。

來源

2012-11-18 05:09:19 maackle

我不知道爲什麼其他答案被接受，但這個更好。當您可以覆蓋自定義css定義中的屬性時，不要去混淆主題。請務必鏈接您的CUSTOM CSS *後* BOOTSTRAP主題。 –

.navbar .nav > li > a { 
    float: none; 
    color: #5FC8D6; 
    background-color: #002E36; 
} 
.navbar .nav > li > a:hover { 
    float: none; 
    color: #002E36; 
    background-color: #5FC8D6; 
}

來源

2014-12-23 14:21:43

它的工作原理......試試吧.......

.navbar-nav > li > a:link 
{ 
color:red; 
}

來源

2015-01-13 20:14:22

也許你可以解釋你的代碼中發生了什麼，以幫助其他人。這是如何工作的？ –

nav.navbar-nav.navbar-right li a { 
    color: blue; 
}

就像一個魅力！在另一個線程上發現它，所以我沒有讚揚它。

來源

2015-08-03 04:14:38 Buddha

無法更改Bootstrap導航欄中的文本顏色

回答

相關問題