我使用的是Bootstrap 4，无论我在代码中做什么调整，导航栏中的文本导航项都是半透明的。导航栏的背景颜色是深蓝色，因此不透明性使阅读导航链接变得非常困难。
下面是导航栏的HTML代码。

<nav class="navbar navbar-expand-lg navbar-dark sticky-top">
    <a class="navbar-brand" href="#">Brand</a>

     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
      </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="#">Nav Link 1</a>
              </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Nav Link 2</a>
                </li>

            </ul>
        </div>
        </nav>

字符串
导航项的不透明性过去一直很好。然而，每当我将窗口缩小到移动的大小时，汉堡图标不会弹出。这是由于遗漏了navbar-dark类。一旦我将其添加回去，汉堡菜单弹出就没有问题了。然而，这意味着导航项的不透明性降低了。
下面是我的一些导航栏的CSS代码：

nav {
    background-color: #005C90;
}

nav.navbar {
    color: #F9FEFF;
}

.navbar-brand {
    font-size: 16pt;
}

.nav-item .nav-link{
    font-size: 14pt;
}

型
我试过编辑几乎所有我能想到的类和标签组合，但都不起作用。我试图将颜色从十六进制改为RGBA，试图操纵不透明度，但都不起作用。只有navbar品牌处于完全不透明度。
我已经尝试调整CSS的导航项，导航链接，什么感觉像每一个可能的标签和类组合想象。