Javascript 手机屏幕大小的别名链接不起作用，但正常链接起作用

问题：在手机屏幕大小的情况下，别名链接不起作用，但指向任何其他网页（如社交媒体）的普通链接起作用

描述

我已经建立了一个项目的HTML，CSS，JS建设工具与 我已经导出了这个项目 把它放到django项目中 我在屏幕中间添加了几个额外的按钮，这些按钮作为登录页上的别名融合在一起。 ERORR：此导出项目在桌面屏幕大小或平板电脑屏幕大小时与所有按钮完美配合。在这两种情况下，原始构建器都会重新组织组件。但是，当我将屏幕缩小到手机大小并重新组织组件时，会留下这些别名按钮，它们在平板电脑和桌面模式下都能工作，但在这种手机屏幕大小下却不能工作。 我已经阅读了以下项目，我可能有类似的东西

唯一的问题是，我从在线编辑器下载的项目只给了我一个bootstrap.min.css和bootstrap.min.css.map，其中没有一个是有组织的。有没有办法让他们组织起来，并找出问题的根源？可能导致此错误的因素有哪些

应该从这里开始

...
<button href="#subscribe" class="btn btn-primary mb-2">Subscribe</button>
...

---

将clearfix添加到section或container类中，这应该会起作用

我通过将所有按钮隐藏在一起解决了这个问题，这些按钮在移动屏幕中不起作用

<div class=" d-none d-md-block">
   <a class="btn btn-primary" href="#subscribe">Subscribe</a>
</div>

---

我可以建议您创建一个JSFIDLE或类似的吗？好主意，但它应该包含什么？因为bootstrap.min.css和bootstrap.min.css.map都是有组织的，我不使用任何其他css。如果我把它们上传到一个我已经试过两种方法的网站上可以吗。。。。和除了thx，所有的都不起作用

<header>
  <div class="container-fluid">
    <nav class="navbar navbar-expand-xl fixed-top navbar-light" >
      <a class="navbar-brand col-1 pl-0 mr-0" href="#">
        <img src="static/logo.png" alt="" width="50">
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigations-08" aria-controls="navigations-08" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navigations-08">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link active" href="#home">
              Home
              <span class="sr-only">(current)</span>
            </a>
          </li>
          <li class="nav-item"><a class="nav-link" href="#howitworks">About</a></li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Others</a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="#pricing">Pricing</a>
              <a class="dropdown-item" href="#team">Team</a>
              <a class="dropdown-item" href="#contact">Contact</a>
            </div>
          </li>
        </ul>
        <form class="">
          <a class="btn btn-primary mb-2 nav-link" href="#subscribe">Subscribe</a>
        </form>
      </div>
    </nav>
  </div>  
</header>

<div class=" d-none d-md-block">
   <a class="btn btn-primary" href="#subscribe">Subscribe</a>
</div>