我的引导下拉菜单适用于本地主机，但不适用于 github答案

【问题标题】：My bootstrap dropdown menu works on local host but not on github我的引导下拉菜单适用于本地主机，但不适用于 github
【发布时间】：2021-09-20 09:47:26
【问题描述】：

我最近做了一个博客，它是这样的，其中大部分只是从引导程序复制的。但是，下拉菜单适用于本地主机，但不适用于 github 页面。

<!--add bootstrap-->
          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
          <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
          <script src="{{ '/assets/js/jquery-3.5.1.slim.min.js' | relative_url }}" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
          <script src="{{ '/assets/js/bootstrap.bundle.min.js' | relative_url }}" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>

          
          <!--dropdown-->          
          <div class='nav-item dropdown'>
                        <a class="nav-link dropdown-toggle header__link" href="#" role='menu' id="navbardrop" data-toggle="dropdown">
                            More
                        </a>
                        <div class="dropdown-menu" id='dropdown'>
                            <a class="dropdown-item" href="page4.html">Interests</a>
                            <a class="dropdown-item" href="#">Link 2</a>
                            <a class="dropdown-item" href="#">Link 3</a>
                         </div>
                        </div>

【问题讨论】：

标签： jekyll dropdown navbar github-pages

【解决方案1】：

这可能是因为某些外部 .js 文件正在返回 Error 404。

现在，请尝试在第一个斜杠前添加 .[dot]，即，使用 ./assets/js/jquery-3.5.1.slim.min.js 和 ./assets/js/bootstrap.bundle.min.js 。

如果上述解决方案解决了问题，那么导致问题的原因是它的 URL。请阅读下面提到的以下几点，它们可能会帮助您理解问题：

如果您的 GitHub 存储库的名称是 example，那么您的 GitHub 页面将发布在您的 https://your-username.github.io/example/
如果您的存储库名称中有.github.io，例如example.github.io，那么您的GitHub 页面将发布在https://your-username.github.io/example.github.io/ 和https://example.github.io。

【讨论】：

【解决方案2】：

通常当引导程序中的下拉菜单出现问题时，这是因为缺少 Popper.js。查看他们在此处使用的导入，包括 Popper.js

https://getbootstrap.com/docs/4.0/getting-started/introduction/#starter-template

【讨论】：