Html 引导4移动导航栏

我正在尝试用bootstrap4创建一个移动导航栏

当我尝试滚动时，导航栏会上升，即使在类中有

fixed top

，也不会被固定

分享下面的代码

<nav class="navbar fixed-top" >
        <!-- Navbar brand -->
        <a class="navbar-brand" href="index.html">
          <img class="logo" src="images/logo.png" alt="logo" />
        </a>

        <!-- Collapse button -->
        <button
          class="navbar-toggler second-button"
          type="button"
          data-toggle="collapse"
          data-target="#navbarSupportedContent23"
          aria-controls="navbarSupportedContent23"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <div class="animated-icon2">
            <span></span><span></span><span></span><span></span>
          </div>
        </button>

        <!-- Collapsible content -->
        <div class="collapse navbar-collapse" id="navbarSupportedContent23">
          <!-- Links -->
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="menuLink" style="text-align: right" href=""
                >WHO WE ARE
              </a>
            </li>
            <li class="nav-item">
              <a class="menuLink" style="text-align: right" href=""
                >WHAT WE DO</a
              >
            </li>
            <li class="nav-item">
              <a class="menuLink" style="text-align: right" href=""
                >HOW WE GROW</a
              >
            </li>
            <li class="nav-item">
              <a class="menuLink" style="text-align: right" href=""
                >LET’S CONNECT</a
              >
            </li>
          </ul>
          <!-- Links -->
        </div>
        <!-- Collapsible content -->
      </nav>
      <!--/.Navbar-->

您可以尝试使用sticky top并记住，Navbars需要一个包装.navbar with.navbar expand{-sm |-md |-lg |-xl}用于响应性折叠和配色方案类







我们所做的


我们如何成长


让我们连线


您可以共享您的css类
navbar
、
fxed top
和
logo
吗？它是bootstrap.css中的默认css，在
navbar下面共享它{位置：相对；显示：-ms flexbox；显示：flex；-ms flex wrap:wrap；flex wrap:wrap；-ms flex align:center；对齐项目：center；-ms flex pack:justify；对齐内容：间距；填充：0.5rem 1rem；}
。固定顶部{位置：固定；顶部：0；右侧：0；左侧：0；z索引：1030；}
`.logo{宽度：30%；填充：0；边距：0；}`对于img，请尝试为.navbar设置一个高度。navbar将不允许菜单项展开和折叠。是的。对不起，我误解了。我尝试了您的建议。它也不起作用。如果您不介意，您是否正确链接css和js文件？我通过链接cdn（已删除）在代码段中检查了它一旦你在导航栏后添加了更多的内容，比如说另一个div，移动导航栏就会在滚动时向上移动