В моем веб-приложении в настоящее время есть несколько страниц, содержащих формы с множеством входных данных, таких как приведенная ниже.
Обратите внимание, что в кодах используется таблица / tr./ td и изначально поле ввода всегда было справа от поля ввода, как и в случае с первыми двумя опциями.Однако я изменил ввод, когда общая ширина поля была большой, чтобы избежать горизонтальной прокрутки на планшетах / телефонах.В идеале, я бы хотел, чтобы он был справа, если есть достаточно места (например, на компьютере), чтобы избежать ненужной вертикальной прокрутки, но отступ внизу, когда этого недостаточно, поскольку лучше иметь вертикальную прокрутку, а не горизонтальную прокрутку.
Это одна из причин, по которой я перешел на Bootstrap , чтобы попытаться достичь этого.Я обнаружил, что со следующим
<div class="input-group">
<div class="input-group-prepend">
<label class="input-group-text" id="selectfolderaddon">
Selected Folder
</label>
</div>
<div aria-describedby="selectfolderaddon">
<input type="text" name="folder" id="folder" class="form-control" value="C:\Users\Paul\Music\AKO">
</div>
</div>
, что он будет влево / вправо, когда достаточно места, но затем пойдет ниже друг друга, когда недостаточно места, как показывают следующие два снимка экрана.
Вот так
Это хорошо, но было бы лучше, если бы поле вводаПри отступе к следующей строке отступ на левой стороне немного, возможно ли это ?
Затем я попытался с помощью Выбрать , но это не разделит, еслиошибка в моем коде, коде начальной загрузки или это преднамеренно
