etozhetisachniy
@etozhetisachniy
Junior

Как сделать 2 поля на одной строке?

Начал пилить столбцы заполнения внутренней информации и есть трабл.
Как создать 2 поля input в одной строке? чтобы это было так
5a96eb0b51263742722597.png

а не в строчку как у меня выходит
5a96eb2ba2523975029995.png
<div class='form-row'>
			<label for='form_fname'>First Name: </label>
    		<input type='text' id='form_fname' name='first_name'>
  		</div>

  		<div class='form-row'>
    		<label for='form_sname'>Second Name: </label>
    		<input type='text' id='form_sname' name='second_name'>
		</div>
  • Вопрос задан
  • 183 просмотра
Решения вопроса 2
PavelMonro
@PavelMonro
Например
.form-row {width: 50%; float: left;}
Или
.form-row {width: 50%; display: inline-block;}
Div изначально имеет width = auto, или 100%
Ответ написан
@vaajnur
веб-программист
<form>
  <div class="row">
    <div class="col">
      <input type="text" class="form-control" placeholder="First name">
    </div>
    <div class="col">
      <input type="text" class="form-control" placeholder="Last name">
    </div>
  </div>
</form>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
17 авг. 2018, в 17:10
15000 руб./за проект
17 авг. 2018, в 16:58
60000 руб./за проект
17 авг. 2018, в 16:55
10000 руб./за проект