Bootstrap 4 Bootstrap 4导航栏在调整大小时更改项目颜色

当我调整浏览器大小时，B4导航栏更改其项目字体颜色时出现问题。不幸的是，我不能用任何例子来复制它。这里有一些图片

初始外观：

调整到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;
    }
}

---

我的导航栏是不可折叠的，我没有使用汉堡按钮。我可以停止这种行为吗？

您有更多选择。首先是在引导css中的某个地方找到相应的css规则

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

更好的方法是通过浏览器检查DOM元素。用鼠标右键单击导航栏li元素，然后选择“检查元素”选项。然后你可以看到，什么样的CSS规则被应用到你的DOM元素，找到一个改变颜色的元素，然后改变，删除，覆盖它

最糟糕的方法是使用！重要旗帜

---

为了测试响应度，您不必调整浏览器窗口的大小。只需在firefox中按ctrl+shift+m或在google chrome inspector中单击移动设备图标即可。

很好，可以这样做。.导航图标文本{color:black；}会进行更改，因此只需在css中使用此@media only屏幕覆盖它，最大宽度：768px{.nav icon text:FFFFFF；}