Question

我熟悉了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>

Answer 1

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

一旦点击，Bootstrap toggler就不会崩溃

1 个答案: