Question

我试图在我的一个小项目上实现可折叠的导航栏。我的问题是，当我调整窗口大小时，导航栏会折叠，但按钮（即使它可点击）也不会出现，也不会为我提供任何选项。

我不知道它是否是jQuery / JS问题。我只是一个初学者，所以我只是在codepen设置上链接了一些库。我看了一下人们对此有些问题，但没有一个解决方案对我有帮助。

codepen链接是：https://codepen.io/diegomengue/pen/XgRamN。

对此主题的任何帮助（以及所有类型的提示）表示赞赏！

谢谢。

HTML：

<nav class='navbar navbar-toggleable-sm mx-auto sticky-top'>
  <button class="navbar-toggler collapsed mx-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-controls="navbarNav" aria-label="Toggle navigation">
   <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class='navbar-nav mx-auto'>
     <li class='nav-item'><a href='#sobreMim' class='nav-link'><strong>Diego Mengue</strong></a></li>
     <li class='nav-item'><a href='#portfolio' class='nav-link'>Portfólio</a></li>
     <li class='nav-item'><a href='#contato' class='nav-link'>Contato</a></li>
    </ul>
   </div>
  </nav>

Answer 1

Navbar toggler类期待navbar-color-scheme类型。试试这支笔

names.add(s.getName());

https://codepen.io/dannybrown/pen/yXXBxK?editors=1100

如果您不想按照可用的配色方案，请在自定义样式中为navbar-toggler类添加样式

Bootstrap导航栏折叠图标无法显示也无法正常工作

1 个答案: