ThunderCat

Варианты перехода с Bootstrap 3 на Bootstrap 5:
1. Постепенная миграция (Hybrid approach)

Подключить Bootstrap 5 с префиксом классов
Переписывать компоненты по одному
Использовать CSS-изоляцию для избежания конфликтов
Плюсы: Сайт остается рабочим, можно мигрировать частями
Минусы: Увеличенный размер CSS, сложность поддержки

2. Использование Bootstrap Migration Tool

Автоматические инструменты для замены классов
Скрипты для массовой замены в файлах
Плюсы: Быстрая автоматизация базовых изменений
Минусы: Не покрывает все кейсы, нужна ручная доработка

3. Создание CSS-моста (Polyfill)

Написать CSS-правила для совместимости классов BS3
Создать алиасы для старых классов
Плюсы: Минимальные изменения в HTML
Минусы: Не все компоненты можно эмулировать, устаревший подход

4. Полная перепись с нуля

Установить Bootstrap 5
Переписать все компоненты и страницы
Плюсы: Современный код, лучшая производительность
Минусы: Много времени, высокий риск поломок

5. Использование CSS-in-JS или препроцессоров

Создать миксины для совместимости
Использовать SCSS для переопределения
Плюсы: Гибкость настройки
Минусы: Нужны знания препроцессоров

6. Bootstrap 4 как промежуточный этап

Сначала мигрировать на BS4, потом на BS5
Плюсы: Меньше кардинальных изменений за раз
Минусы: Двойная работа

7. Микросервисный подход

Переписывать отдельные секции сайта на новом Bootstrap
Постепенно заменять старые части
Плюсы: Изолированные изменения
Минусы: Сложность интеграции

Для больших проектов: Постепенная миграция (#1)
Для средних проектов: Bootstrap 4 как промежуточный этап (#6)
Для небольших сайтов: Полная перепись (#4)
При ограниченном времени: CSS-мост (#3)

FF + AdGuard?
Алсо, что-то типа тампермонки/оранжмонки...

1) Данный код ничего в плане понимания проблемы не дает
2) Неработающий/работающий неверно код большого объема желательно вносить в фиддл, чтобы смотреть на живой пример, а не на абстрактные "два поля".
3) Рискну предположить что элементы лежат в области, накрытой другим элементом, по этому клик по ним не проходит, смотрите какие элементы у вас в этой области. Что-то более конкретное можно сказать только по "живому" примеру.

Подскажите, что не так

1) Вы не читаете и не осмысливаете текст ошибки. Не в смысле глазами, а в смысле "что там произошло то?". Для вас текст ошибки проблема, а не путь решения.
2) Не проверяете то, что интерпретатор считает неправильным, что как бы прямое следствие п.1.
3) Считаете что знаете что на самом деле лежит в переменных, не заглядывая в реальные данные.

Очевидно что просто вставить текст в кавычки не является правильным способом формировать жсон. Нормальный жсон работает как положено.

Короче, у вас заданы жесткие размеры элементов внутри блока, пример:

.search__form {
    border: solid 1px;
    width: 622px;
    height: 48px;
    gap: 24px;
    margin-top: 16px;
}

Естественно при уменьшении экрана эти элементы останутся такого же размера, а блок контейнер продолжит уменьшаться, так как у него нет никаких ограничений по ширине. Не понятно какого другого поведения вы ждете от такой верстки?

Принцип построения блоков в бутстрап описан в документации, а вы прочитали 3 рандомные странички и пытаетесь по ним что-то построить. Каждый адаптивный блок должен быть заключен в row, а внутри уже можно располагать какое-то количество col элементов.

Так же вся адаптивная страничка должна содержать container, задающий ширину адаптива.

в Chrome все ок Date picker с часами.

да нифига, например при скорле с открытым датапикером само окошко датапикера остается на месте, а поле селекта стандартно скорлится отдельно...

Короче, пока только на яваскрипте, например https://flatpickr.js.org/examples/

og:image

align-items: center;

Бутстрап тут при чем?
1) Не вижу подключения сликслайдера.
2) криво прописаны пути до яваскриптов и стилей, соответственно нифига не работает
3) Подключен овл карусель, который тоже видимо не работает
4) В коде нет вышеописанного блока

что за папка такая - isset? Может assets?

90% вопросов без отмеченных решением, при том что ответы там вполне есть...

Так в чем проблема? В тегах как таковых или в их стилизации?
В первом случае - php strip_tags или аналогичный функционал другого ЯП на стороне сервера, во втором случае - редактор с поддержкой bbcode + strip_tags на стороне сервера.

js + onClick + preventDefault() + window.location.href

смотрите консоль браузера, читаете ошибку, гуглите, бросаете заниматься фигней.
Так же ососзнаете, что приватные данные по типу ключа апи в открытом виде (например в переменных js) хранить не стоит, так как любой малолетний хацкер его спалит за 3 секунды.
Такие запросы делаются на стороне сервера.