Bootstrap 切换器一旦点击就不会崩溃答案

【问题标题】：Bootstrap toggler won't collapse once clicked onBootstrap 切换器一旦点击就不会崩溃
【发布时间】：2018-08-11 07:01:28
【问题描述】：

我正在熟悉 MDbootstrap 和 bootstrap 4。我最近使用切换按钮创建了一个网站，但是没有问题，但是，对于我正在创建的这个网站，一旦点击，切换按钮就不会关闭。我似乎无法弄清楚。我感觉这是一个 MDbootstrap 错误，因为我看到其他人对此发表评论但没有答案。当我更多地了解 MDBootstrap 时，我遇到了很多错误。谁能帮我？

HTML

<!--Navbar /Logo-->   
<nav class="navbar navbar-expand-sm navbar-dark" style="background-color:#7e57c2;">

 <a class="navbar-brand" href="index.html" style="color:#FFF;">Ride with Amy</a>

 <!--Toggle Button--> 
 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
 aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon" style="color:#FFF;"></span></button>


 <!--Navbar links-->
 <div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
  <ul class="navbar-nav ml-auto">

      <li class="nav-item">
        <a class="nav-link"
        href="#about_link"  style="color:#FFF;">About</a>
    </li>

    <li class="nav-item">
        <a class="nav-link"
        href="#schedule_link" style="color:#FFF;">Schedule</a>
    </li>

    <!--Social Media Icons-->
    <li class="nav-item">
        <a class="nav-link" href="https://www.instagram.com/ridewithamy/" title="Follow on Instagram" target="_blank"><i class="fa fa-instagram fa-lg" aria-hidden="true" style="color:#FFF;"></i></a></li>

        <li class="nav-item">
            <a class="nav-link" href="https://www.facebook.com/amy.kaczmarek.3" title="Follow on Linkedin" target="_blank"><i class="fa fa-facebook fa-lg" aria-hidden="true" style="color:#FFF;"></i></a></li>


        </ul>
    </div>

</nav>

【问题讨论】：

标签： html bootstrap-4 mdbootstrap

【解决方案1】：

我检查时您的 html 代码工作正常，完全没有问题。请检查您的引导程序依赖项 ..

【讨论】：