引導3下拉菜單

我是新來引導/ PHP，所以請溫柔:-)引導3下拉菜單

的代碼如下：

<div class = "navbar navbar-inverse navbar-fixed-bottom"> 
    <div class = "container"> 
    <p class = "navbar-text pull-left">Copyright 2014 by ABC</p> 
    <ul class="nav navbar-nav navbar-right"> 
     <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle = "dropdown" style="color: #ffffff;">Support<b class = "caret"></b></a> 
     <ul class = "nav navbar-nav navbar-right dropdown-menu"> 
      <li><a href="#">Help</a></li> 
      <li><a href="#">FAQ</a></li> 
      <li><a href="#">How To</a></li> 
     </ul> 
     </li> 
    </ul> 
    </div> 
</div>

此頁面的底部創建一個導航欄與一個下拉菜單。

導航欄有一個反色，所以文已被設置爲白色，以最大限度地提高對比度。

不幸的是試圖從菜單中選擇時，結果是白色的文字在白色背景上。

我的猜測是，我需要重寫引導的CSS，但我不知道重寫什麼。

我寧願不與引導的CSS文件，以防萬一我把這一切螺絲。

非常感謝

來源

2014-04-21 user173847

也許給我們您的問題的一個小例子，說對的jsfiddle，將是一個偉大的想法之前。 – Terry

好的建議下一次，希望通過什麼時候我會學會使用JSFiddle :-) – user173847

您通過添加內嵌樣式style="color: #ffffff;"覆蓋鏈接的顏色。這是一個不好的做法，因爲它將優先於此元素的所有其他聲明（：hover，：active，...）。

如果要更改默認引導程序，你應該做的更好的分離CSS文件。在這種情況下，風格將是：

.navbar-inverse .navbar-nav>li>a { 
    color: white; 
}

你有你的下拉

<ul class="nav navbar-nav navbar-right dropdown-menu">

額外的課程應該是

<ul class="dropdown-menu">

你可以看到結果here。

來源

2014-04-21 10:59:09 LeBen

謝謝 - 這兩個解決了問題，並給了我足夠的繼續[學習]！ – user173847

上面的回答，LeBen非常好。但是，在Bootstrap上工作時，請重新引導Bootstrap CSS。你可以在Firebug中首先輕鬆地播放它，然後重寫它，然後在它的描述中放置一個共同的評論，這樣你就可以輕鬆地完成它。而且，雖然覆蓋確保它不會影響項目的其他部分，所以想重寫它

來源

2014-04-21 11:28:27 crafter

謝謝你的建議 - 會試一試。 – user173847

引導3下拉菜單

回答

相關問題