移动屏幕尺寸别名链接不起作用，但正常链接起作用

Question

ROBLEM：在移动设备屏幕尺寸中，别名链接不起作用，但指向任何其他网页的正常链接例如。社交媒体确实有效。

描述

1. 我已经使用https://bootstrapshuffle.com/构建了一个项目（HTML、CSS、JS 构建工具）

2. 我已经导出了项目

3. 将其放入django项目中

4. 我在屏幕中间添加了一些额外的按钮，这些按钮融合为登陆页面上的别名。

5. 错误：此导出的项目在桌面屏幕尺寸或平板电脑屏幕尺寸下可以完美地与所有按钮配合使用（这两种情况原始构建器都会重新组织组件）。但是，当我将屏幕尺寸缩小到手机大小并重新组织组件时，它会留下这些别名按钮，这些按钮在平板电脑和桌面模式下都可以工作，但在这种移动屏幕尺寸下却不起作用。

6. 我读过以下项目，我可能有类似的东西

• Href 链接无法在移动尺寸屏幕上显示/工作

• 媒体查询不适用于移动屏幕尺寸

• 当屏幕尺寸缩小时，链接在网站上不起作用

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

IT 应该从这里开始

...

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

...

它应该去这里

<section class="py-5">

        <div class="container ">

          <div class="carousel slide carousel-fade" id="carousel-gallery-07" data-ride="carousel">

            <div class="carousel-inner">

              <div class="carousel-item active">

                <div>

                   <a id=subscribe></a>

...

在导航栏上，我还有一个“订阅”按钮，但在移动设备尺寸下，这也不起作用。整个导航栏位于一个header_footer.html文件中，这就是它连接主页的方式index.html。即使在移动屏幕尺寸下，所有也是别名链接的导航元素也能正常工作，例如：“关于、定价……”，但另一侧的“订阅”按钮在移动屏幕尺寸下不起作用（在桌面上）以及它正在工作的平板电脑屏幕尺寸）。

Answer 1

将clearfix添加到部分或容器类中，这应该可以工作

Answer 2

我通过将在移动屏幕上不起作用的按钮全部隐藏在一起解决了这种情况。<div&nbsp;class="&nbsp;d-none&nbsp;d-md-block"> &nbsp;&nbsp;&nbsp;<a&nbsp;class="btn&nbsp;btn-primary"&nbsp;href="#subscribe">Subscribe</a> &nbsp;&nbsp;&nbsp;</div>