Как при помощи Bootstrap выставить на один уровень label и input?

Question

[Роман]

Если ошибок в форме нету, то всё нормально. Но если появляются ошибки, то labrl позиционируется с по центру и не совпадает с input. Как можно их выровнять в одну линию (вне зависимости есть ошибки или нету)/ Выровнять нужно исключительно при помощи BOOTSTRAP

<div class="container">
      <div class="form-group row align-items-center">
        <div class="col-md-4 text-md-right">
          <label class="col-form-label">Label 1</label><br>
          <label class="col-form-label">Label 2</label>
        </div>
        <div class="col-md-4">
          <input type="text" value="Input 1" class="form-control text-center">
          <div class="alert alert-danger">ERROR</div>
          <input type="text" value="Input 2" class="form-control text-center">
          <div class="alert alert-danger">ERROR</div>
        </div>
        <div class="col-md-4 pl-0">
          <input type="button" class="btn btn-primary" value="+">
        </div>
      </div>
</div>

Answer 1

[Eg0]

<div class="alert alert-danger">ERROR</div>
замени на
<small class="text-danger"> ERROR </small>

Comments

[Роман]

Ничего не изменится, просто это визуально будет меньше бросаться в глаза. А по факту с большим текстом ошибки, всё так же разъедется