引导程序崩溃并非崩溃

Question

我有一个导航栏，我在移动视图中使用折叠来显示下拉列表。我不想使用下拉菜单，因为它会使按钮看起来不像我希望的桌面宽度。一切正常，但是当在移动视图中激活下拉菜单，然后转到桌面宽度时，所有下拉内容仍然可见并且看起来很糟糕。我找不到任何方法可以迫使它崩溃。我希望有任何帮助！

---解决方案在下面列出。 ---

 <li class="nav-item" id="bikesButton">
        <a href=""  class="nav-link mainLink"  data-toggle="collapse" id="bikes">Bikes <i class="collapseIcon fas fa-caret-down fa-lg"></i>  </a>
      </li>
     <div class="collapse allCollapse" id="bikesCollapse">
      <ul>
        <li>
          <a href="/shop/bikes/road-bikes">Road</a>
        </li>
        <li>
          <a href="/shop/bikes/gravel-bikes">Gravel</a>
        </li>
        <li>
          <a href="/shop/bikes/track-urban-bikes">Track/Urban</a>
        </li>
        <li>
          <a href="/shop/bikes/frames">Frames</a>
        </li>
        <li>
          <a href="/shop/bikes">Shop All Bikes</a>
        </li>
      </ul>
    </div>

编辑：

我找到了解决方案。当您切换崩溃折叠时，引导程序会将.show添加到collapse中，从而产生collapse.show。我只是使用jQuery强制其返回到collapse