Пространство между меткой и элементом формы - PullRequest
Новая
       8

Пространство между меткой и элементом формы

0 голосов
/ 08 января 2019

Я новичок в начальной загрузке и HTML и хочу знать, как можно задать одинаковый интервал между меткой формы и текстовым полем по всей форме. Я приложил фрагмент кода и форму вывода.

[код формы] [1] [вывод формы] [2]

Ответы [ 2 ]

0 голосов
/ 08 января 2019

Вы можете использовать определенный отступ столбца для своей метки: 

<div class="form-group form-inline">                            
    <label class="col-md-2" for="exampleInputEmail1">Email address:</label>
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">


 </div>
    <div class="form-group form-inline">                            
        <label class="col-md-2" for="idForTextfield">A very long text for this label:</label>
            <input type="text" class="form-control" id="idForTextfield" placeholder="your text">
    </div>

также вы можете добавить некоторый отступ столбца для вашего текстового поля, чтобы он ограничивался вашим ограниченным пространством, просто добавьте col-md-2 в класс для тега <input>. Пример здесь Пример кода .

Удачного кодирования:)

0 голосов
/ 08 января 2019

У тебя все хорошо. Вам нужно просто сгруппировать свои элементы. Здесь я собираюсь написать HTML-код. 

<div class="col-lg-12 form-group">
  <div class="col-lg-3 text-right">
    <label class="">small</label>
  </div>
  <div class="col-lg-5">
    <input type="text" class="form-control">
  </div>
</div>
<div class="col-lg-12 form-group">
  <div class="col-lg-3 text-right">
    <label class="">long lebel text</label>
  </div>
  <div class="col-lg-5">
    <input type="text" class="form-control">
  </div>
</div>

Вам нужно отдельно разделить поле с надписью и текстовое поле и переместить метку в крайнее правое положение. Вы можете проверить здесь . Надеюсь, это поможет вам. :)

...