Как правильно перекрывать два элемента?

Question

Реализация

Контекст

• Использование сетки атм .
• У меня есть 2 элемента div, каждое из которых содержит поле ввода и текст.
• Я перекрываю их, чтобы они выглядели как левый и правый столбцы в сетке.
• Когда на маленьком экране , они способны хорошо реагировать.

Проблема

• Я установил 2-й вход с margin-top: -5rem на pu sh до .
• Полноэкранный режим - это нормально, но когда я сжимаю экран. 1st text увеличивает свою высоту.
• Разрыв между 1st input и 2nd input начинает увеличиваться.

Мой вопрос Это способ 2nd input

Полный код и более подробная информация в другой теме

, чтобы *1042* оставался без изменений

Answer 1

Установите bootstrap

, затем попробуйте это:

<div class="row">
    <div class="col-md-6">             
    </div>
    <div class="col-md-6">

    </div>
</div>

Примечание: вы можете изменить это "6" с другими числами, убедившись, что добавление обоих чисел col равно 12.