嘿，刚看了你的代码片段，发现几个关键问题，咱们一步步来修复：

1. 先修复未闭合的HTML标签 #

你代码里的<div class="container-fluid"没写闭合的>，这会直接破坏整个导航栏的DOM结构——Bootstrap的组件完全依赖正确的HTML嵌套，所以先把这个补上：

<header>
  <div class="container-fluid"> <!-- 这里补上了闭合的> -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color: #bdd4f9;">
      <!-- 你的导航栏内容 -->
    </nav>
  </div>
</header>

2. 解决折叠按钮透明的问题 #

你用了navbar-light类，它的折叠按钮默认是浅灰色图标，而你自定义的背景色#bdd4f9是淡蓝色，两者对比度太低，看起来就像透明了。这里有两个简单的解决办法：

方法一：更换导航栏主题类 #

把navbar-light bg-light换成navbar-dark，同时去掉bg-light（因为你已经自定义了背景色，避免冲突），这样折叠按钮会变成白色，和淡蓝色背景对比很清晰：

<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #bdd4f9;">

方法二：自定义折叠按钮图标颜色 #

如果你想保留navbar-light，可以加一段自定义CSS来调整图标颜色：

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

把上面的rgba(0, 0, 0, 0.7)换成你想要的深色（比如纯黑rgba(0,0,0,1)），就能让图标清晰显示出来。

3. 确保折叠结构完整 #

最后检查一下导航栏的折叠部分是否正确：你需要有一个带navbar-toggler类的按钮，以及对应的navbar-collapse容器，示例如下：

<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #bdd4f9;">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">你的作品集</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 me-auto mb-2 mb-lg-0">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">首页</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">作品</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

注意data-bs-target的值要和navbar-collapse的id完全匹配，这样点击按钮才能正常展开/收起导航内容。

先把标签闭合的问题解决，这大概率是导航栏只显示折叠版的核心原因，然后调整按钮颜色，应该就能正常工作啦！

内容的提问来源于stack exchange，提问作者bdb325