导航栏切换器折叠不起作用答案

【问题标题】：navbar toggler collapse not working导航栏切换器折叠不起作用
【发布时间】：2018-08-12 13:49:11
【问题描述】：

单击按钮时，内容会下降，但再次单击按钮时不会折叠。基本上切换功能不起作用。

 <button type="button" class="navbar-toggle collapsed" 
    data-toggle="collapse" data-target="#collapsable" aria- expanded="false">

 <div class="collapse navbar-collapse" id="collapsable">
   <ul class="nav navbar-nav navbar-right">
      <li><a href="#particles">HOME</a></li>
      <li><a href="#service">EVENTS</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#team">FACULTY ADVISORS</a></li>
      <li><a href="#portfolio">OUR TEAM</a></li>
      <li><a href="#contact">CONTACT</a></li>
    </ul>
 </div>

【问题讨论】：

请在您的示例中发布相关的 CSS 和 JavaScript。
不清楚你是想构建一个带切换器的导航栏还是一个按钮来触发可折叠的div？ getbootstrap.com/docs/4.1/components/navbar/#toggler 或 getbootstrap.com/docs/4.1/components/collapse?
我正在用切换器构建一个导航栏
发布所有的相关代码以重现问题。您提供的代码不是结构正确的导航栏，并且 HTML 无效。例如，按钮没有内容和关闭标签。

标签： javascript html css bootstrap-4

【解决方案1】：

需要注意的一点是，在 aria-expanded 的中间有一个不应该有的空格。这可能会导致 html 格式错误。虽然没有看到 JS，但几乎不可能诊断出问题。

【讨论】：