Ссылки псевдонимов размера экрана мобильного устройства не работают, но нормальные ссылки работают

Question

ROBLEM: В псевдонимах с размером экрана мобильного устройства ссылки не работают, но обычные ссылки, указывающие на любую другую веб-страницу, напр. социальные сети работают.

Описание

1. Я построил проект (HTML, CSS, JS инструмент разработки) с https://bootstrapshuffle.com/
2. Я экспортировал проект
3. Вставьте его в django проект
4. Я добавил несколько дополнительных кнопок в середину экран, которые являются псевдонимами на целевой странице.
5. ОШИБКА: этот экспортированный проект отлично работает со всеми кнопками, когда он имеет размер экрана рабочего стола или размер экрана планшета (в обоих случаях оригинальный компоновщик реорганизует компоненты). Но когда я уменьшаю размер экрана до размера мобильного телефона и он реорганизует компоненты, он оставляет эти кнопки-псевдонимы, которые работают как в режиме планшета, так и на рабочем столе, но не в этом размере экрана мобильного устройства.

6. I Я прочитал следующие проекты, и у меня, вероятно, есть что-то похожее

   • Ссылки Href не отображаются / не работают на экране мобильного размера
   • медиа-запросы не работают на экране мобильного телефона
   • Ссылки не работают на сайте при уменьшении размера экрана

7. Единственная проблема заключается в том, что я есть, что загруженный проект из онлайн-редактора только дал мне bootstrap.min.css и bootstrap.min.css.map не из них организован. Есть ли способ сделать их организованными и найти в них вызывающую проблему? Какие вероятные элементы могут вызвать эту ошибку?

ЭТО должно go отсюда

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

Это должно go сюда

<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>
...

На Navbar у меня также есть кнопка Подписаться, и в мобильном размере это тоже не работает. Вся эта панель навигации находится в файле header_footer.html, и именно так она подключается к домашней странице index.html. Все навигационные элементы, которые также являются псевдонимами, работают даже при размере экрана мобильного устройства, например: «о, цены, ...», но кнопка «подписаться», расположенная на другой стороне, которая не работает с размером экрана мобильного устройства (на рабочем столе) и размер экрана планшета он работает).

Answer 1

Я решил ситуацию, спрятав все кнопки, которые не работают на экране мобильного телефона.

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

Answer 2

добавить clearfix в секцию или класс контейнера, и это должно работать