Как создать форму A Bootstrap с группой ввода и подготовить?

Question

Я хотел бы создать однострочную форму с добавлением одного числового поля и кнопки отправки. В основном это (с добавленным добавлением):

<div class="d-flex justify-content-center">
  <div class="row justify-content-between col-4">
    <form action="https://LINK" method="get">
      <input type="hidden" name="plan" value="12345" />
      <input type="number" class="form-control" name="price" placeholder="Choose what you pay" required="required" step="0.01" /><input class="btn" type="submit" value="Pay" />
    </form>
  </div>
</div>

Но преенд не работает, когда он находится внутри тега формы - он теряет стиль и не остается встроенным. Способ Bootstrap -y, похоже, не поддерживает ввод формы так же, как этот, но вместо этого будет использовать что-то вроде:

<form>
  <div class="form-group row">
    <label class="col-4"></label> 
    <div class="col-8">
      <div class="input-group">
        <div class="input-group-prepend">
          <div class="input-group-text">$</div>
        </div> 
        <input id="text" name="text" placeholder="Pay What You Want" type="text" class="form-control">
      </div>
    </div>
  </div> 
  <div class="form-group row">
    <div class="offset-4 col-8">
      <button name="submit" type="submit" class="btn btn-primary">One-Time Payment</button>
    </div>
  </div>
</form>

, что не будет работать с типом отправки Я нуждаюсь. Есть предложения?