引導程序4導航欄在調整大小時更改項目顏色

我在調整瀏覽器大小時遇到問題，它使用B4導航欄更改其項目字體顏色。不幸的是，我無法用任何示例複製它。這裏有一些圖像。引導程序4導航欄在調整大小時更改項目顏色

最初的樣子：

調整到後，我覺得768寬度：

正如你可以看到它的顏色將變爲黑色。任何想法爲什麼會發生？

謝謝

更新。添加B4媒體查詢，做它：

/*Bootstrap overrides for toggle button when menu fully collapses*/ 
@media only screen and (max-width : 768px) { 
    .navbar-collapse { 
     background: white; 
    } 
    .nav-icon-text { 
     color: black; 
    } 
    .navbar-inverse .navbar-nav> .Active { 
     background-color: rgb(0,114,187); 
    } 
    .navbar-inverse .navbar-nav > li:hover { 
     background-color: #ccc; 
    } 
    .navbar-inverse .navbar-nav > li > a:hover { 
     background-color: transparent; 
    } 
}

我的導航欄是不可摺疊的，我沒有使用漢堡包按鈕。我能阻止這種行爲嗎？

來源

2017-05-31 Mark

.nav-icon-text {color：black; }做的更改，所以只需在這個@media唯一屏幕和（max-width：768px）{.nav-icon-text：#FFFFFF; } –

您有更多選擇。首先是在bootstrap CSS中找到相應的CSS規則

@media all and (max-width:768px) { 
}

更好的方法是通過瀏覽器檢查DOM元素。點擊右鍵單擊navbar li元素並選擇檢查元素選項。然後你可以看到，什麼CSS規則適用於你的DOM元素，找到一個正在改變顏色和改變，刪除，覆蓋它。

最糟糕的辦法是設置與導航欄元素的顏色！重要標誌

爲了測試響應，你不必調整您的瀏覽器窗口。只需在Firefox中按Ctrl + Shift + m或在谷歌瀏覽器中點擊移動設備圖標即可。

來源

2017-05-31 14:45:53

太棒了，會做到這一點。 – Mark

剛剛更新了我的問題。 – Mark

引導程序4導航欄在調整大小時更改項目顏色

回答

相關問題