Css 在Bootstrap 4中使用toggler时，可折叠的导航栏项将消失

第一次使用Bootstrap4，我尝试做一些在Bs3中非常简单的事情：当屏幕大小为

xs

时，我希望导航栏中的链接项折叠到汉堡包菜单

现在，在这个问题上有点触碰，但我似乎遵循了正确的类，然而当屏幕大小为XS时，链接项并没有崩溃——它们只是消失了

以下是完整视图的示例，但以下是我使用导航栏所做的操作：

<nav class="navbar navbar-full navbar-light" style="background-color: #E4491C; padding: 0px;">
  <p id="toptext">Test</p>
</nav>
<nav class="navbar navbar-full navbar-light" style="background-color: #002b52">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <a class="navbar-brand" href="#">TopDog</a>
      <div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar">
          <ul class="nav navbar-nav">
              <li class="nav-item"><a class="pull-sm-right navbar-brand2" href="#">Contact</a></li>
              <li class="nav-item"><a class="pull-sm-right navbar-brand2" href="#">About</a></li>
          </ul>
    </div>
    </div>
  </nav>

测试

所以我使用了

toggleable

类，我将它们指定为链接项；我能发现的唯一区别是，我还使用了一个

pullSM right

类，它应该将链接带到导航的右侧。删除它们并不能解决问题

---

问题：当我调整页面大小时，为什么引导程序无法将这些链接显示为可折叠菜单

因为它是响应菜单。链接在达到768像素时隐藏，导航栏标题仅与汉堡菜单图标一起可见

看起来汉堡菜单图标也不见了，那是因为你没有添加它

使用以下代码添加它：

  <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2">
&#9776;

☰

祝你好运