要更改你 Bootstrap 导航栏（navbar）的字体颜色和背景颜色，你有几种方法。Bootstrap 使用类来快速设置样式，但你也可以通过自定义 CSS 来覆盖这些默认样式，以获得更精确的控制。
1. 使用 Bootstrap 内置类（最简单）
Bootstrap 提供了一组预定义的背景和文本颜色类，你可以直接添加到 navbar 元素上。
背景颜色类 ( bg-* )：
bg-primary (蓝色)
bg-secondary (灰色)
bg-success (绿色)
bg-danger (红色)
bg-warning (黄色)
bg-info (浅蓝色)
bg-light (浅灰色，你当前正在用)
bg-dark (深灰色)
bg-white (白色)
bg-transparent (透明)
文本颜色类 ( text-* )：
text-primary
text-secondary
text-success
text-danger
text-warning
text-info
text-light (通常用于深色背景)
text-dark (通常用于浅色背景)
text-white (通常用于深色背景)
text-muted (柔和的灰色)
示例：将导航栏改为深色背景，白色文字
HTML
注意：
当使用深色背景 (bg-dark, bg-primary 等) 时，通常需要将 navbar-light 类替换为 navbar-dark。这会自动调整导航栏内部的一些元素（比如汉堡菜单图标）的颜色，使其在深色背景下可见。
nav-item active 类会给当前活动链接添加额外的样式（通常是背景色或下划线），其文本颜色可能需要单独处理或使用自定义 CSS 来确保一致性。
2. 使用自定义 CSS（更灵活、推荐）
如果你需要使用 Bootstrap 预设类之外的特定颜色，或者想要更细致地控制样式，那么自定义 CSS 是最佳选择。
你可以在
标签内的