У меня есть модальная форма, которая запрашивает дополнительную информацию о пользователе.И когда я открываю его на своем локальном компьютере, он работает должным образом, он хорошо выровнен.Затем, когда я открываю его в мессенджере в браузере приложений, каждое текстовое поле теперь имеет свою собственную строку.
Например:
<div class="form-row">
<div class="form-group col-md-2">
<input type="Age" id="age" class="form-control" placeholder="Floor" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==2) return false;"/>
</div>
<div class="form-group col-md-2">
<input type="number" id="contact" class="form-control" placeholder="Contact" pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==5) return false;" />
</div>
<div class="form-group col-md-8">
<input type="text" id="bldg" class="form-control" readonly="true">
<label class="form-control-placeholder" for="bldg">Building Name</label>
</div>
</div>
Я ожидаю вывода 3 столбцов в 1 строке.Но я получаю 1 столбец в 3 ряда для каждого ряда.И когда я открываю его в локальном браузере, он отображается правильно.Что я делаю не так?