Пользовательский флажок Bootstrap 4 того же формата, что и для ввода текста?

Question

У меня есть ввод текста Bootrap 4, подобный этому

<div class="col-2 form-group">
    <label for="follow">Följande</label>
    <input type="text" class="form-control" id="follow" name="Follow" placeholder="" value="" required>
    <div class="invalid-feedback">
        Vänligen fyll i Följande.
    </div>
</div>

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

Код флажка с пользовательским флажком.

<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="customCheck1">
  <label class="custom-control-label" for="customCheck1">Check</label>
</div>

У меня это так

Но хочу вот так

Answer 1

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

<div class="container">
  <div class="row">
    <div class="col-sm-4 form-group">
      <label for="follow">Följande</label>
    <input type="text" class="form-control" id="follow" name="Follow" placeholder="" value="" required>
    <div class="invalid-feedback">
        Vänligen fyll i Följande.
    </div>
    </div>

    <div class="col-sm-4 form-group">
    <label for="follow">Check</label>
    <div class="custom-control custom-checkbox">
    <input type="checkbox" class="custom-control-input" id="customCheck1">
    <label class="custom-control-label" for="customCheck1"></label>
    </div>
    </div>

     </div>
  </div>