引导程序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导航栏在调整大小时更改项目颜色

回答

相关问题